/* Prevenção Fiscal: temas escuro (padrão) e claro (C9, UX_STANDARD 0.5.0).
   Variáveis SEMÂNTICAS: o app.css só usa estas, nunca a paleta crua da marca. O escuro é o padrão (:root, sem atributo),
   então quem nunca escolheu um tema não vê o outro em momento nenhum; o claro entra com html[data-tema="claro"], posto por
   tema.js antes da primeira pintura. Cada par de texto e fundo é conferido por tests/unit/contraste.test.js (4,5:1 para
   texto, 3:1 para bordas de controle, ícones e gráfico).

   O âmbar (Atenção) é uma exceção funcional à marca: só para status, como o verde e o vermelho; nunca decoração. No tema
   escuro o vermelho de status é #F87171 (o #EF4444 da marca reprova sobre o fundo translúcido do selo). */

:root {
  color-scheme: dark;

  /* Superfícies (no escuro só existem estas duas, mais o hover de linha) */
  --fundo-pagina: #151312;
  --superficie: #1C1917;
  --hover-linha: #25211F;

  /* Texto e bordas */
  --texto: #FAFAF9;
  --texto-secundario: #A8A29E;
  --borda: rgba(87, 83, 78, 0.30);
  --borda-controle: #78716C;
  --moldura-forte: #A8A29E;
  --foco: #FAFAF9;

  /* Status (texto, borda, ícone e segmento do gráfico) */
  --verde-texto: #10B981;
  --ambar-texto: #F59E0B;
  --vermelho-texto: #F87171;
  --cinza-status: #A8A29E;

  /* Tintas translúcidas dos selos, ícones e blocos */
  --tinta-verde: rgba(16, 185, 129, 0.12);
  --tinta-ambar: rgba(245, 158, 11, 0.12);
  --tinta-vermelho: rgba(248, 113, 113, 0.12);
  --tinta-neutra: rgba(250, 250, 249, 0.08);

  /* Hachura de "sem dados" e trilho do gráfico */
  --listra-a: #1C1917;
  --listra-b: #2A2623;
  --trilho: rgba(168, 162, 158, 0.25);

  /* Botão principal: o azul neon é só o FUNDO, com texto escuro */
  --botao-primario-fundo: #00D4FF;
  --botao-primario-hover: #00BBE0;
  --botao-primario-texto: #151312;

  /* Menu lateral e faixa pública: iguais nos dois temas (o menu é sempre escuro) */
  --menu-fundo: #151312;
  --menu-texto: #FAFAF9;
  --menu-texto-secundario: #A8A29E;
  --menu-borda: rgba(87, 83, 78, 0.30);
  --menu-borda-controle: #78716C;
  --menu-foco: #FAFAF9;
  --menu-hover: rgba(250, 250, 249, 0.08);
  --menu-acento: #00D4FF;
}

:root[data-tema="claro"] {
  color-scheme: light;

  --fundo-pagina: #F3F2F0;
  --superficie: #FFFFFF;
  --hover-linha: #FAFAF9;

  --texto: #1C1917;
  --texto-secundario: #57534E;
  --borda: #E7E5E4;
  --borda-controle: #57534E;
  --moldura-forte: #151312;
  --foco: #151312;

  --verde-texto: #047857;
  --ambar-texto: #92400E;
  --vermelho-texto: #B91C1C;
  --cinza-status: #57534E;

  --tinta-verde: rgba(4, 120, 87, 0.05);
  --tinta-ambar: rgba(146, 64, 14, 0.06);
  --tinta-vermelho: rgba(185, 28, 28, 0.07);
  --tinta-neutra: rgba(21, 19, 18, 0.05);

  --listra-a: #FFFFFF;
  --listra-b: #E7E5E4;
  --trilho: rgba(87, 83, 78, 0.15);

  --botao-primario-fundo: #00A2D9;
  --botao-primario-hover: #0092C4;
  --botao-primario-texto: #151312;
}

/* Impressão: o papel é branco, então imprime sempre com as cores do tema claro (mesmos valores do bloco acima). */
@media print {
  :root:not([data-tema="claro"]) {
    color-scheme: light;

    --fundo-pagina: #F3F2F0;
    --superficie: #FFFFFF;
    --hover-linha: #FAFAF9;

    --texto: #1C1917;
    --texto-secundario: #57534E;
    --borda: #E7E5E4;
    --borda-controle: #57534E;
    --moldura-forte: #151312;
    --foco: #151312;

    --verde-texto: #047857;
    --ambar-texto: #92400E;
    --vermelho-texto: #B91C1C;
    --cinza-status: #57534E;

    --tinta-verde: rgba(4, 120, 87, 0.05);
    --tinta-ambar: rgba(146, 64, 14, 0.06);
    --tinta-vermelho: rgba(185, 28, 28, 0.07);
    --tinta-neutra: rgba(21, 19, 18, 0.05);

    --listra-a: #FFFFFF;
    --listra-b: #E7E5E4;
    --trilho: rgba(87, 83, 78, 0.15);

    --botao-primario-fundo: #00A2D9;
    --botao-primario-hover: #0092C4;
    --botao-primario-texto: #151312;
  }
}