/* ==========================================================================
   Design system — Portal Discultura

   ORIGEM DAS REFERENCIAS (extraidas do site no ar em 30/08/2026):
     - Cor de marca: o logotipo em www.discultura.com.br e um azul-petroleo.
       Amostragem do SVG deu ~91% dos pixels opacos em torno de #006078.
     - Tipografia: o site usa Roboto (Regular e Bold).

   ATENCAO, o que NAO foi usado: o HTML do site traz #FFC107 e #90A4AE, que sao
   cores padrao do Material Design, ou seja do template do Moovin, nao da marca.
   Nao entraram aqui. Aguardando o manual de marca do Francisco para confirmar a
   paleta oficial e as cores secundarias.
   ========================================================================== */

:root {
  /* marca */
  --marca:          #006078;   /* azul-petroleo do logotipo */
  --marca-escura:   #004A5C;
  --marca-clara:    #17849E;
  --marca-lavada:   #E3EFF2;

  /* neutros com leve vies para o azul da marca.
     cinza puro parece descuidado; neutro escolhido parece escolhido */
  --fundo:          #F5F7F8;
  --painel:         #FFFFFF;
  --painel-2:       #EDF1F3;
  --tinta:          #10201F;
  --tinta-2:        #43555A;
  --tinta-3:        #71858B;
  --regua:          #DAE2E5;
  --regua-2:        #C0CCD1;

  /* semanticos, separados da marca de proposito:
     verde e vermelho comunicam ESTADO, nao identidade */
  --bom:            #0F7A4A;
  --atencao:        #B07A0C;
  --ruim:           #B03A2E;
  --bom-lavado:     #E3F2EA;
  --atencao-lavado: #F8EFDC;
  --ruim-lavado:    #F7E6E3;

  --sombra: 0 1px 2px rgba(16,32,31,.05), 0 6px 20px rgba(16,32,31,.045);
  --raio: 4px;

  --fonte:     Roboto, 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
   tambem a variante [data-tema="escuro"] — para o alternador vencer nos dois
   sentidos. Nenhuma cor pode ter sua UNICA definicao dentro destes blocos. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --marca:          #2A9CB8;
    --marca-escura:   #17849E;
    --marca-clara:    #4FBAD4;
    --marca-lavada:   #10333D;
    --fundo:          #101A1D;
    --painel:         #172428;
    --painel-2:       #1E2E33;
    --tinta:          #E9F0F2;
    --tinta-2:        #B4C3C8;
    --tinta-3:        #85989E;
    --regua:          #2A3A40;
    --regua-2:        #3A4D54;
    --bom:            #2E9E68;
    --atencao:        #C99A2E;
    --ruim:           #D4604D;
    --bom-lavado:     #13301F;
    --atencao-lavado: #2E2814;
    --ruim-lavado:    #32201C;
    --sombra: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25);
  }
}

:root[data-tema="escuro"] {
  --marca:          #2A9CB8;
  --marca-escura:   #17849E;
  --marca-clara:    #4FBAD4;
  --marca-lavada:   #10333D;
  --fundo:          #101A1D;
  --painel:         #172428;
  --painel-2:       #1E2E33;
  --tinta:          #E9F0F2;
  --tinta-2:        #B4C3C8;
  --tinta-3:        #85989E;
  --regua:          #2A3A40;
  --regua-2:        #3A4D54;
  --bom:            #2E9E68;
  --atencao:        #C99A2E;
  --ruim:           #D4604D;
  --bom-lavado:     #13301F;
  --atencao-lavado: #2E2814;
  --ruim-lavado:    #32201C;
  --sombra: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25);
}

/* ---- paleta de grafico ----------------------------------------------------
   AINDA NAO VALIDADA. Antes de usar em grafico, rodar o validador de paleta
   (separacao para daltonismo, piso de croma, contraste contra a superficie).
   Cor de serie nao se escolhe por gosto: se duas series ficam parecidas para
   quem tem deuteranopia, o grafico mente para essa pessoa.
   -------------------------------------------------------------------------- */