/*
 * Identidade visual — ponto único de alteração.
 *
 * Existem DOIS temas porque as fontes divergem:
 *   oficina        azul + laranja, como o mapa e as fichas da oficina
 *   institucional  azul + dourado, como as logos LIIPE-RJ e ESINTE-RJ
 *
 * Trocar entre eles: ?tema=institucional na URL. A escolha fica guardada no
 * aparelho. Para fixar um deles como padrão, altere TEMA_PADRAO em index.html.
 *
 * Os nomes são funcionais, não cromáticos: --marca-900 é "a cor mais forte da
 * marca", não "azul escuro". Assim a troca não deixa nomes mentindo.
 *
 * Véus como rgba(255,255,255,.12) permanecem literais de propósito: são
 * translucidez sobre a cor da marca e funcionam com qualquer paleta.
 *
 * Todos os pares texto/fundo foram conferidos contra WCAG AA (4.5:1). O acento
 * puro é claro demais para carregar texto — quem carrega é --acento-escuro.
 */

:root {
  color-scheme: light;

  /* ---- tema OFICINA (padrão) ---- */
  --marca-900:       #092551;
  --marca-800:       #0C326D;
  --marca-700:       #16457F;
  --marca-400:       #7A8A9F;
  --sombra-marca:    9, 37, 81;
  --acento:          #FE7300;
  --acento-escuro:   #B55200;
  --acento-fundo:    #FBF1E9;
  --acento-borda:    #EED1BA;
  --acento-claro:    #F1B27E;
  --halo-acento:     254, 115, 0;

  /* ---- superfícies ---- */
  --fundo: #EDF0F6;
  --superficie: #FFFFFF;
  --campo-fundo: #FBFCFE;
  --superficie-2: #F7F9FC;
  --superficie-3: #F5F7FB;
  --superficie-4: #EEF2F8;
  --trilha: #E5EAF3;
  --linha: #DCE2EE;
  --linha-forte: #C3CDDF;

  /* ---- texto ---- */
  --texto: #17202F;
  --texto-suave: #5D6A83;
  --texto-tenue: #93A0B7;
  --texto-placeholder: #9AA6BC;
  --texto-vazio: #A6B1C6;
  --sobre-marca: #FFFFFF;

  /* ---- estados ---- */
  --ok: #2E7D5B;
  --ok-fundo: #E6F3EC;
  --ok-borda: #BFE0CE;
  --halo-ok: 46, 125, 91;
  --erro-fundo: #FCE9E4;

  --visor-fundo: #0C1526;

  /* ---- forma e tipografia ---- */
  --raio: 14px;
  --raio-sm: 9px;
  --sombra: 0 1px 2px rgba(var(--sombra-marca), .06),
            0 6px 20px rgba(var(--sombra-marca), .07);
  --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
           "Helvetica Neue", Arial, sans-serif;
}

/* ---- tema INSTITUCIONAL: azul e dourado das logos ---- */
:root[data-tema="institucional"] {
  --marca-900:       #071C3B;
  --marca-800:       #0A2956;
  --marca-700:       #003C6E;
  --marca-400:       #7A8E9F;
  --sombra-marca:    7, 28, 59;
  --acento:          #A88543;
  --acento-escuro:   #886C36;
  --acento-fundo:    #FBF5E9;
  --acento-borda:    #EEDCBA;
  --acento-claro:    #F1C97E;
  --halo-acento:     168, 133, 67;
  --visor-fundo: #060F1F;
}