/* Tokens do e-squad — cores, sombras, medidas.
 *
 * Os valores vêm do canvas de design, que é o briefing de desenho. Nenhuma cor
 * nova nasce aqui: se divergir do canvas, o canvas manda.
 *
 * As medidas variáveis (--medianiz, --raio-cartao, --respiro-colunas) mudam nos
 * cortes definidos em layout.css. Quem precisar de outro valor muda o token,
 * não a regra do componente.
 */

:root {
  /* superfícies e texto */
  --bg: #F6F7F4;
  --sf: #FFFFFF;
  --tx: #17201C;
  --t2: #4A5651;
  --t3: #9AA39F;
  --ln: #E1E6E3;

  /* ação */
  --pr: #1F6F5C;
  --on: #FFFFFF;
  --soft: #EAF3EF;

  /* destaque e contagem */
  --ac: #E8833A;
  --ac-on: #2A1405;
  --ac-s: #FDEBDD;
  --ac-t: #8A3F0E;

  /* regra da prova — não aparecem em mais nada */
  --ok: #1C6B42;
  --er: #9E3027;
  --bl: #8A6A1C;

  /* identidade */
  --av: #B5542A;
  --hero: #1F6F5C;
  --hero-t2: #D4E8E0;

  /* elevação */
  --sombra: 0 1px 2px rgba(23, 32, 28, 0.06);
  --sombra-folha: 0 -4px 20px rgba(0, 0, 0, 0.08);
  --sombra-solta: 0 8px 24px rgba(0, 0, 0, 0.18);

  /* medidas que mudam nos cortes */
  --raio-cartao: 18px;
  --medianiz: 40px;
  --respiro-colunas: 88px;
  --altura-botao: 50px;

  --fonte: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --bg: #0F1412; --sf: #171D1A; --tx: #EDEFEE; --t2: #A3ADA8; --t3: #5F6A65;
    --ln: #26302B; --pr: #6CC3A8; --on: #0D1411; --soft: #1A2A24;
    --ac: #F2A35E; --ac-s: #33251A; --ac-t: #F2B98A;
    --ok: #6FC595; --er: #E3938B; --bl: #D6AD55;
    --av: #C8693F; --hero: #123F35;
    color-scheme: dark;
  }
}

:root[data-tema="escuro"] {
  --bg: #0F1412; --sf: #171D1A; --tx: #EDEFEE; --t2: #A3ADA8; --t3: #5F6A65;
  --ln: #26302B; --pr: #6CC3A8; --on: #0D1411; --soft: #1A2A24;
  --ac: #F2A35E; --ac-s: #33251A; --ac-t: #F2B98A;
  --ok: #6FC595; --er: #E3938B; --bl: #D6AD55;
  --av: #C8693F; --hero: #123F35;
  color-scheme: dark;
}