/* --- 1. IMPORTAÇÃO DE FONTES --- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=IM+Fell+English:ital@0;1&family=Roboto+Condensed:wght@400;700&display=swap');

:root {
  --dnd-red: #58180D;
  --dnd-gold: #c9ad6a;
  --dnd-bg: #FDF1DC;
}

/* --- 2. FUNDO E CORPO (TEXTURA DE PAPEL) --- */
/* Aplica o fundo de papel em todo o site */
body {
  background-color: var(--dnd-bg);
  background-image: url('https://www.transparenttextures.com/patterns/aged-paper.png');
}

/* --- 3. TIPOGRAFIA GERAL (Apenas dentro do conteúdo) --- */
/* Isso garante que o Menu Lateral continue legível com a fonte padrão */
.md-typeset {
  font-family: 'IM Fell English', serif;
  font-size: 1.1rem; /* Aumenta um pouco para leitura confortável */
  color: #222;
  line-height: 1.6;
}

/* --- 4. TÍTULOS (H1, H2, H3...) --- */
/* H1 - Título da Página (Grande, Vermelho, Linha Dourada) */
.md-typeset h1 {
  font-family: 'Cinzel', serif;
  font-weight: 900;
  color: var(--dnd-red);
  margin-top: 1em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid var(--dnd-gold); /* A linha dourada embaixo */
  text-transform: uppercase;
}

/* H2 - Subtítulos (Menor, Vermelho) */
.md-typeset h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  color: var(--dnd-red);
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid rgba(88, 24, 13, 0.3); /* Linha vermelha fraquinha */
}

/* H3 e H4 - Títulos menores */
.md-typeset h3, .md-typeset h4 {
  font-family: 'Cinzel', serif;
  color: #444; /* Preto suave para diferenciar */
  font-weight: 700;
  margin-top: 1.2em;
}

/* Links (Para ficarem visíveis no papel amarelado) */
.md-typeset a {
  color: var(--dnd-red);
  font-weight: bold;
}

/* --- 5. BLOCO DE MONSTRO (O "Goblin Ninja") --- */
.md-typeset .admonition.monster {
  background-color: #fdf1dc;
  border: 4px solid transparent;
  border-image: url('https://i.imgur.com/3c8qX7L.png') 10 stretch; /* Borda Dourada */
  box-shadow: 1px 4px 14px rgba(0,0,0,0.3);
  padding: 15px;
  margin: 2em 0;
  page-break-inside: avoid;
}

/* Título do Monstro */
.md-typeset .admonition.monster .md-admonition__title {
  background: none;
  border: none;
  font-family: 'Cinzel', serif;
  font-size: 1.8em;
  font-weight: 900;
  color: var(--dnd-red);
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 5px;
  line-height: 1.1;
}

/* Texto interno do Monstro */
.md-typeset .admonition.monster p, 
.md-typeset .admonition.monster li {
  font-family: 'Roboto Condensed', sans-serif; /* Fonte compacta para stats */
  font-size: 0.95rem;
  color: var(--dnd-red);
  margin: 0.2em 0;
}

/* Linha separadora vermelha (___) */
.md-typeset .admonition.monster hr {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, transparent, var(--dnd-red), transparent);
  margin: 10px 0;
}

/* Esconder ícone padrão */
.md-typeset .admonition.monster .md-admonition__icon { display: none; }

/* TABELAS dentro do Monstro */
.md-typeset .admonition.monster table {
  display: table !important;
  width: 100%;
}
.md-typeset .admonition.monster th {
  color: var(--dnd-red);
  font-family: 'Roboto Condensed', sans-serif;
  border: none !important;
  text-transform: uppercase;
  font-size: 0.85rem;
  background: transparent !important;
}
.md-typeset .admonition.monster td {
  color: var(--dnd-red);
  font-family: 'Roboto Condensed', sans-serif;
  border: none !important;
  font-size: 1rem;
  text-align: center;
}

/* --- 6. NOTAS VERDES (Opcional) --- */
.md-typeset .admonition.note {
  background-color: #e0e5c1;
  border: 1px solid #c0c5a1;
  color: #222;
  font-family: 'IM Fell English', serif;
}
.md-typeset .admonition.note .md-admonition__title {
  background: none;
  color: #222;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  border-bottom: 1px solid #555;
}
.md-typeset .admonition.note .md-admonition__icon { display: none; }