/* =====================================================================
   Ágora — tokens de design
   Única fonte das cores, fontes, raios e sombras da interface.
   O módulo Aparência e Personalização (js/aparencia.js) troca APENAS estas
   variáveis --ag-*; todas as variáveis antigas (--petroleo, --papel, --tinta…)
   passam a apontar para elas, então o site inteiro muda junto.
   Os valores abaixo são o tema "Clássico", modo claro — valem até o JS carregar.
   ===================================================================== */
:root {
  /* marca */
  --ag-primaria: #16345C;
  --ag-primaria-escura: #0E2440;
  --ag-primaria-media: #24497A;
  --ag-primaria-clara: #E3E9F2;
  --ag-sobre-primaria: #FFFFFF;
  --ag-secundaria: #C9963C;           /* dourado: item ativo, realces */
  --ag-secundaria-clara: #F6ECD6;
  --ag-sobre-secundaria: #1B1406;
  --ag-destaque: #C1642E;             /* terracota: avisos, filetes */
  --ag-destaque-escura: #9E4E20;
  --ag-destaque-clara: #F6E3D5;

  /* superfícies e texto */
  --ag-fundo: #F6F1E7;
  --ag-superficie: #FFFDF8;
  --ag-superficie-2: #FAF6EE;
  --ag-texto: #1B2433;
  --ag-texto-2: #46536A;
  --ag-texto-3: #67748A;
  --ag-borda: #E4DBC9;
  --ag-borda-2: #CFC3AB;
  --ag-foco: #C9963C;

  /* estados */
  --ag-sucesso: #2E7D32;
  --ag-sucesso-clara: #E2F1E3;
  --ag-erro: #A3312A;
  --ag-erro-clara: #F7E2DF;

  /* menu lateral */
  --ag-menu-fundo: #0E2440;
  --ag-menu-fundo-2: #132E52;
  --ag-menu-texto: #DCE4EF;
  --ag-menu-texto-2: #9FB0C8;
  --ag-menu-ativo: #C9963C;
  --ag-menu-ativo-texto: #1B1406;
  --ag-menu-borda: rgba(255, 255, 255, .12);
  --ag-menu-largura: 272px;

  /* botões */
  --ag-botao-fundo: var(--ag-primaria);
  --ag-botao-fundo-hover: var(--ag-primaria-escura);
  --ag-botao-texto: var(--ag-sobre-primaria);

  /* forma */
  --ag-raio-cartao: 14px;
  --ag-raio-botao: 10px;
  --ag-raio-campo: 10px;
  --ag-raio-p: 8px;
  --ag-sombra: 0 1px 2px rgba(16, 32, 56, .05), 0 8px 24px -12px rgba(16, 32, 56, .18);
  --ag-sombra-g: 0 22px 50px -18px rgba(10, 24, 44, .38);

  /* tipografia */
  --ag-fonte-texto: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ag-fonte-titulo: "Fraunces", Georgia, serif;
  --ag-escala: 1;

  /* imagens (cabeçalho e plano de fundo) */
  --ag-cabecalho-img: none;
  --ag-cabecalho-pos: center;
  --ag-cabecalho-tam: cover;
  --ag-cabecalho-opac: 1;
  --ag-cabecalho-veu: .55;
  --ag-fundo-img: none;
  --ag-fundo-pos: center;
  --ag-fundo-tam: cover;
  --ag-fundo-opac: .18;
  --ag-fundo-anexo: fixed;
  --ag-fundo-repet: no-repeat;

  --ag-transicao: .2s;

  /* ---- variáveis antigas, agora ligadas aos tokens ---- */
  --petroleo: var(--ag-primaria);
  --petroleo-900: var(--ag-primaria-escura);
  --petroleo-700: var(--ag-primaria-media);
  --petroleo-100: var(--ag-primaria-clara);
  --terra: var(--ag-destaque);
  --terra-700: var(--ag-destaque-escura);
  --terra-100: var(--ag-destaque-clara);
  --ouro: var(--ag-secundaria);
  --ouro-100: var(--ag-secundaria-clara);
  --verde: color-mix(in srgb, #2F5233 70%, var(--ag-primaria));
  --verde-900: color-mix(in srgb, #2F5233 55%, var(--ag-texto));
  --verde-700: color-mix(in srgb, #3E6B44 75%, var(--ag-texto));
  --verde-100: color-mix(in srgb, #2F5233 14%, var(--ag-superficie));
  --verde-50: color-mix(in srgb, #2F5233 7%, var(--ag-superficie));
  --tinta: var(--ag-texto);
  --tinta-2: var(--ag-texto-2);
  --tinta-3: var(--ag-texto-3);
  --fundo: var(--ag-fundo);
  --papel: var(--ag-superficie);
  --linha: var(--ag-borda);
  --linha-2: var(--ag-borda-2);
  --erro: var(--ag-erro);
  --erro-100: var(--ag-erro-clara);
  --ok: var(--ag-sucesso);
  --ok-100: var(--ag-sucesso-clara);
  --raio: var(--ag-raio-p);
  --raio-g: var(--ag-raio-cartao);
  --sombra: var(--ag-sombra);
  --sombra-g: var(--ag-sombra-g);
  --fonte: var(--ag-fonte-texto);
  --titulo: var(--ag-fonte-titulo);
  --pos-0: var(--ag-primaria);
  --pos-1: var(--ag-destaque);
  --pos-2: var(--ag-secundaria);
  --pos-3: #2F5233;
}

html { font-size: calc(var(--ag-escala) * 100%); }
html.ag-escuro { color-scheme: dark; }
html.ag-sem-animacao *, html.ag-sem-animacao *::before, html.ag-sem-animacao *::after {
  animation: none !important; transition: none !important; scroll-behavior: auto !important;
}