/* ==========================================================================
   Design system — Portal Discultura
   FONTE: "Sistema de design da marca Discultura.pdf" (MKT Discultura/Marca
   Discultura), entregue por ele em 22/10/2026. Antes deste manual o portal
   usava um azul-petroleo amostrado do logotipo do site (#006078) e Roboto —
   substituidos pela paleta e tipografia OFICIAIS:

     --dc-noite #0B1A5C  Azul Noite (rodape, barras — aqui: a lateral)
     --dc-azul  #1D3FC4  Azul (acoes, links, header)
     --dc-600   #1834A6  Azul hover
     --dc-nevoa #EEF1FB  Nevoa (fundos de secao)
     branco #FFFFFF · tinta #141414
     amarelo #FFD400 — SO EM SELO (regra do manual); existe como --selo e NAO
       e cor de aviso
     sucesso #1E7A3C · erro #B3261E
     Tipografia: ARCHIVO (display Black, titulos 800, corpo 16/1.6, rotulo 700)
     Cards: fios de 2px, SEM sombra.

   O manual e do site (e-commerce); o portal adapta sem trair: mesmos azuis,
   mesma fonte, fios de 2px, sombra nenhuma. O TEMA ESCURO nao existe no manual
   — e derivacao nossa da mesma familia de azul, documentada aqui, ate o MKT
   definir um oficial.
   ========================================================================== */

:root {
  /* marca — nomes estaveis, valores do manual */
  --marca:          #1D3FC4;   /* --dc-azul: acoes, links */
  --marca-escura:   #1834A6;   /* --dc-azul-600: hover */
  --marca-clara:    #4C66E0;
  --marca-lavada:   #EEF1FB;   /* --dc-nevoa */
  --noite:          #0B1A5C;   /* --dc-noite: a lateral */
  --noite-tinta:    #FFFFFF;
  --noite-tinta-2:  #B9C4F2;
  --noite-apagado:  #7484C9;
  --noite-risco:    #26357E;
  --selo:           #FFD400;   /* amarelo: SO selo, nunca aviso */

  /* neutros com vies para o azul da marca */
  --fundo:          #EEF1FB;   /* nevoa: o chao de secao do manual */
  --painel:         #FFFFFF;
  --painel-2:       #F5F7FD;
  --tinta:          #141414;   /* tinta do manual */
  --tinta-2:        #3F4560;
  --tinta-3:        #6F7694;
  --regua:          #D9DEF2;
  --regua-2:        #B9C1E0;

  /* semanticos do manual; o aviso (ambar) e derivado — amarelo e so selo */
  --bom:            #1E7A3C;
  --ruim:           #B3261E;
  --atencao:        #996A00;
  --bom-lavado:     #E4F2E8;
  --ruim-lavado:    #F9E7E5;
  --atencao-lavado: #FAF0D7;

  --sombra: none;              /* manual: sem sombra */
  --fio: 2px;                  /* manual: fios de 2px */
  --raio: 4px;

  --fonte:     Archivo, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --fonte-num: "Roboto Mono", ui-monospace, "Courier New", monospace;
}

/* O tema do visitante tem TRES estados: escolha explicita marca data-tema no
   root; o padrao "sistema" nao marca nada, e ai so prefers-color-scheme separa.
   Por isso o bloco abaixo e guardado por :not([data-tema="claro"]) e existe a
   variante [data-tema="escuro"]. Nenhuma cor pode ter sua UNICA definicao
   dentro destes blocos. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --marca:          #8FA0FF;
    --marca-escura:   #6F83F2;
    --marca-clara:    #AEBBFF;
    --marca-lavada:   #1A2150;
    --fundo:          #0A0E24;
    --painel:         #111633;
    --painel-2:       #171E44;
    --tinta:          #EAEDFB;
    --tinta-2:        #B9C0E0;
    --tinta-3:        #8890B8;
    --regua:          #242C5C;
    --regua-2:        #35407A;
    --bom:            #46A867;
    --ruim:           #E0604F;
    --atencao:        #D5A62B;
    --bom-lavado:     #122A1B;
    --ruim-lavado:    #341713;
    --atencao-lavado: #2E2512;
  }
}
:root[data-tema="escuro"] {
  --marca:          #8FA0FF;
  --marca-escura:   #6F83F2;
  --marca-clara:    #AEBBFF;
  --marca-lavada:   #1A2150;
  --fundo:          #0A0E24;
  --painel:         #111633;
  --painel-2:       #171E44;
  --tinta:          #EAEDFB;
  --tinta-2:        #B9C0E0;
  --tinta-3:        #8890B8;
  --regua:          #242C5C;
  --regua-2:        #35407A;
  --bom:            #46A867;
  --ruim:           #E0604F;
  --atencao:        #D5A62B;
  --bom-lavado:     #122A1B;
  --ruim-lavado:    #341713;
  --atencao-lavado: #2E2512;
}

/* ---- paleta de grafico ----------------------------------------------------
   AINDA NAO VALIDADA contra as superficies NOVAS. Antes de usar em grafico,
   rodar o validador (daltonismo, croma, contraste). A dupla #1290B4/#C06A12
   foi validada contra branco/#172428 — as superficies mudaram em 22/10/2026.
   -------------------------------------------------------------------------- */