/* Industrializa Moçambique — design tokens
   Fonte: Manual de Identidade v1.0 (Out 2026), cap. 8 «Tokens e componentes» + modo escuro do protótipo industrializa.html.
   Regra do manual: os tokens são a única fonte de cores, tipos e espaçamentos; nenhum componente usa valores literais. */
:root{
  /* marca */
  --im-ambar:#DCA016; --im-cinza:#939593; --im-carvao:#242221; --im-cinza-texto:#656263;
  /* barra nacional — só no logótipo e em filetes de 3–4 px (nunca fundo nem texto) */
  --im-verde:#257A39; --im-preto:#100F0D; --im-amarelo:#F6E305; --im-vermelho:#D51A34;
  --im-alerta:#D51A34;
  /* superfícies */
  --im-fundo:#FFFFFF; --im-fundo-suave:#F4F4F2; --im-linha:#E3E3E1; --im-card:#FFFFFF; --im-texto:#242221;
  --im-hero:#242221; --im-hero-texto:#F4F4F2; --im-hero-sub:#C9C8C5;
  /* tipografia — Montserrat 800 títulos · 600 subtítulos/botões · 500 legendas · 400 corpo */
  --im-fonte:"Montserrat",Arial,sans-serif;
  --im-t1:clamp(32px,4.5vw,56px); --im-t2:clamp(24px,3vw,36px); --im-t3:20px;
  --im-corpo:17px; --im-legenda:14px;
  /* espaçamento e grelha (12 col, intervalo 24px, quebras 640/960/1200) */
  --im-esp-1:8px; --im-esp-2:16px; --im-esp-3:24px; --im-esp-4:40px; --im-esp-5:64px; --im-esp-6:96px;
  --im-largura:1200px; --im-coluna:72ch; --im-raio:2px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --im-fundo:#171614; --im-fundo-suave:#201F1D; --im-linha:#3A3835;
    --im-card:#201F1D; --im-texto:#F4F4F2; --im-cinza-texto:#A5A3A0; --im-hero:#100F0D; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --im-fundo:#171614; --im-fundo-suave:#201F1D; --im-linha:#3A3835;
  --im-card:#201F1D; --im-texto:#F4F4F2; --im-cinza-texto:#A5A3A0; --im-hero:#100F0D; color-scheme:dark;
}