/* Criado, desenvolvido, testado, abandonado, rejeitado, recuperado e testado fonte vozes da minha cabeça - William Tassi Moreira */
/* =====================================================================
   ACCTNN — Tokens de identidade
   Conceito: "Faixa do Encontro". Duas tramas lado a lado — o grafismo em
   degraus (raiz amazônica, cerâmica e cestaria) e o sol de raios das
   gravuras populares nordestinas — alternam-se sem que uma apague a outra.
   Cores: o RIO (verde-água da floresta) e o SOL (amarelo de feira),
   amarrados pelo URUCUM (vermelho comum às duas regiões) e pelo AÇAÍ.
   Layout: faixas horizontais largas, como bandeirolas de festa e barrados
   de cerâmica; conteúdo em grade de 12 colunas.
   ===================================================================== */
:root {
  /* Cores — tema claro */
  --chao: #EFF2EC;        /* fundo da página, levemente esverdeado */
  --papel: #FAFBF7;       /* superfícies */
  --papel-2: #E6EBE3;     /* superfícies recuadas */
  --tinta: #18211D;       /* texto principal */
  --tinta-2: #4D5A53;     /* texto secundário */
  --linha: #CDD5CB;       /* divisórias */
  --rio: #0C6A5A;         /* Norte: rio e floresta */
  --rio-claro: #D3EAE3;
  --sol: #E09A12;         /* Nordeste: sol e feira */
  --sol-claro: #F8E7C2;
  --urucum: #B83C29;      /* elo comum */
  --acai: #4A1D3D;        /* profundidade */
  --sobre-rio: #FFFFFF;
  --sobre-sol: #1E1608;
  --ok: #2F7D32;
  --alerta: #B7791F;
  --erro: #B42318;
  --sombra: 0 1px 2px rgba(24,33,29,.06), 0 8px 24px -12px rgba(24,33,29,.18);

  /* Tipografia */
  --f-titulo: "Big Shoulders Display", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  --f-texto: "Public Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Escala tipográfica (1.25) */
  --t-xs: .78rem; --t-sm: .875rem; --t-md: 1rem; --t-lg: 1.25rem;
  --t-xl: 1.6rem; --t-2xl: 2.2rem; --t-3xl: clamp(2.6rem, 6vw, 4.6rem);

  /* Espaços e formas */
  --e-1: .25rem; --e-2: .5rem; --e-3: .75rem; --e-4: 1rem; --e-5: 1.5rem; --e-6: 2rem; --e-7: 3rem; --e-8: 4.5rem;
  --raio: 6px; --raio-g: 14px;
  --largura: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --chao: #0E1613; --papel: #15201C; --papel-2: #1C2925;
    --tinta: #E7ECE5; --tinta-2: #A3B1A9; --linha: #2B3833;
    --rio: #3DB39A; --rio-claro: #163A32;
    --sol: #F0B43A; --sol-claro: #3A2E14;
    --urucum: #E0654F; --acai: #C789B4;
    --sobre-rio: #06231D; --sobre-sol: #1E1608;
    --ok: #62B866; --alerta: #E2A84A; --erro: #F07467;
    --sombra: 0 1px 2px rgba(0,0,0,.3), 0 10px 28px -12px rgba(0,0,0,.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --chao: #0E1613; --papel: #15201C; --papel-2: #1C2925;
  --tinta: #E7ECE5; --tinta-2: #A3B1A9; --linha: #2B3833;
  --rio: #3DB39A; --rio-claro: #163A32;
  --sol: #F0B43A; --sol-claro: #3A2E14;
  --urucum: #E0654F; --acai: #C789B4;
  --sobre-rio: #06231D; --sobre-sol: #1E1608;
  --ok: #62B866; --alerta: #E2A84A; --erro: #F07467;
  --sombra: 0 1px 2px rgba(0,0,0,.3), 0 10px 28px -12px rgba(0,0,0,.6);
  color-scheme: dark;
}