/* CÓPIA dos tokens do PORTAL CEPEA (~/portal/app/portal/static/tokens.css, 24/10/2026) — fonte única é o portal; ao mudar lá, copiar de novo. */
/* PORTAL CEPEA · tokens (portal01, 24/10/2026). Família petróleo dos produtos CEPEA (EPI: hsl 190 65% 28%).
   Contraste conferido por tools/contraste.py (AA no mínimo; texto corrido ≥ 7:1). Sem emoji; ícones SVG. */
:root{
  color-scheme: light;
  --fundo:#f3f6f7; --superficie:#ffffff; --superficie-2:#e7eef0; --linha:#cfdadd; --linha-forte:#6b7f85;
  --tinta:#0f1d22; --tinta-2:#34474e; --tinta-3:#4f6066;
  --marca:#0e5966; --marca-forte:#0a434d; --marca-fundo:#dcecef; --sobre-marca:#ffffff;
  --realce:#8a4710; --realce-fundo:#f6e7d6;
  --ok:#256b3f; --ok-fundo:#dff0e5;
  --sombra: 0 1px 2px rgb(15 29 34 / .06), 0 8px 24px rgb(15 29 34 / .08);
  --sombra-alta: 0 2px 4px rgb(15 29 34 / .08), 0 18px 40px rgb(15 29 34 / .14);
  --f-titulo: "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --f-ui: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --t-miudo:.875rem; --t-1:.9375rem; --t-base:1rem; --t-2:1.125rem; --t-3:1.375rem; --t-4:1.75rem; --t-5:2.5rem; --t-heroi:clamp(2.25rem,5vw,3.5rem);
  --e-1:.25rem; --e-2:.5rem; --e-3:.75rem; --e-4:1rem; --e-5:1.5rem; --e-6:2.5rem; --e-7:4rem;
  --raio:14px; --raio-p:8px; --raio-m:12px; --raio-g:18px; --largura:1120px; --alvo:44px;
  --dur-1:120ms; --dur-2:240ms; --dur-3:420ms; --curva:cubic-bezier(.2,.7,.2,1); --curva-sai:cubic-bezier(.4,0,1,1);
}
@media (prefers-color-scheme: dark){ :root:not([data-tema="claro"]){
  color-scheme: dark;
  --fundo:#0b1417; --superficie:#122126; --superficie-2:#182b31; --linha:#2a4148; --linha-forte:#7d959b;
  --tinta:#e8f1f3; --tinta-2:#bccbd0; --tinta-3:#9fb2b7;
  --marca:#6cc8d6; --marca-forte:#9adde7; --marca-fundo:#123a42; --sobre-marca:#04252b;
  --realce:#f2ad6b; --realce-fundo:#3a2612;
  --ok:#7fd29d; --ok-fundo:#14301f;
  --sombra: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);
  --sombra-alta: 0 2px 4px rgb(0 0 0 / .45), 0 18px 40px rgb(0 0 0 / .5);
}}
:root[data-tema="escuro"]{
  color-scheme: dark;
  --fundo:#0b1417; --superficie:#122126; --superficie-2:#182b31; --linha:#2a4148; --linha-forte:#7d959b;
  --tinta:#e8f1f3; --tinta-2:#bccbd0; --tinta-3:#9fb2b7;
  --marca:#6cc8d6; --marca-forte:#9adde7; --marca-fundo:#123a42; --sobre-marca:#04252b;
  --realce:#f2ad6b; --realce-fundo:#3a2612;
  --ok:#7fd29d; --ok-fundo:#14301f;
  --sombra: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);
  --sombra-alta: 0 2px 4px rgb(0 0 0 / .45), 0 18px 40px rgb(0 0 0 / .5);
}