/* =========================================================
   Núcleo Fogo Sagrado — Variáveis de design (tokens)
   Base compartilhada para todas as páginas do site (home e futuras
   páginas de Cursos, Eventos etc.). Qualquer página nova deve linkar
   este arquivo ANTES do seu próprio CSS:

     <link rel="stylesheet" href="css/variaveis.css" />
     <link rel="stylesheet" href="css/pagina-nova.css" />

   Para trocar a paleta de cores do site inteiro, basta editar os
   valores aqui — nenhuma outra folha de estilo deveria ter cores
   "cravadas" (hex direto), só usar var(--nome-da-cor).

   Tokens replicam teste-menu-rodape-botoes.html (decisão travada:
   Playfair Display + Inter · paleta #143601/#538D22/#3D1F0F/#A9701F/#C9A227/#FAF7F1)
   ========================================================= */

:root {
  --navy-deep: #143601;
  --navy-mid: #538d22;
  --gold: #3d1f0f;
  --gold-classic: #a9701f;
  --fire: #c9a227;
  --cream: #faf7f1;
  --white: #ffffff;
  --ink: #243219;
  --ink-soft: #67765b;

  --navy-deep-rgb: 20, 54, 1;
  --navy-mid-rgb: 83, 141, 34;
  --gold-rgb: 61, 31, 15;
  --gold-classic-rgb: 169, 112, 31;
  --cream-rgb: 250, 247, 241;
  --ink-rgb: 36, 50, 25;
  --fire-rgb: 201, 162, 39;

  --fire-gradient: linear-gradient(135deg, var(--gold-classic) 0%, var(--fire) 100%);
  --navy-gradient: linear-gradient(160deg, var(--navy-deep) 0%, var(--navy-mid) 100%);

  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Inter", sans-serif;

  --container: 1180px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.7s;
}

/* Tema do menu/rodapé — A (navy, padrão), B (cream), C (marrom-café).
   Usado pelo comportamento dinâmico de header/footer (ver js/main.js). */
:root,
[data-theme="a"] {
  --theme-bg: var(--navy-deep);
  --theme-bg-rgb: var(--navy-deep-rgb);
  --theme-fg: var(--white);
  --theme-fg-soft: rgba(var(--cream-rgb), 0.72);
  --theme-border: rgba(var(--cream-rgb), 0.14);
}
[data-theme="b"] {
  --theme-bg: var(--cream);
  --theme-bg-rgb: var(--cream-rgb);
  --theme-fg: var(--navy-deep);
  --theme-fg-soft: var(--ink-soft);
  --theme-border: rgba(var(--ink-rgb), 0.12);
}
[data-theme="c"] {
  --theme-bg: var(--gold);
  --theme-bg-rgb: var(--gold-rgb);
  --theme-fg: var(--white);
  --theme-fg-soft: rgba(var(--cream-rgb), 0.72);
  --theme-border: rgba(var(--cream-rgb), 0.14);
}