/* =========================================================
   MAGA Brasil · V4 — TOKENS (fonte única de verdade)
   Todas as páginas usam este arquivo. Não existe mais --mata:
   os nomes agora dizem o que a cor é (verde-700, carvao...).
   ========================================================= */
@font-face{font-family:"Big Shoulders";src:url(fonts/big-shoulders-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-latin.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-italic-latin.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/source-sans-3-latin.woff2) format("woff2");font-weight:200 900;font-display:swap}

:root{
  /* ---- cor: manual de marca + derivados ---- */
  --verde-900:#082F25;
  --verde-700:#0B4334;   /* verde oficial */
  --verde-600:#0E5240;
  --pincel:#3C713D;      /* pincelada oficial */
  --ouro-500:#EDB909;    /* amarelo oficial */
  --ouro-600:#D6A005;
  --preto:#111511;       /* preto oficial */
  --carvao:#0E1A15;
  --marfim:#F4F0E7;      /* marfim oficial */
  --papel:#EBE5D7;
  --grafite:#4A4F49;     /* texto secundário sobre claro (7.6:1 no marfim) */
  --linha:rgba(17,21,17,.16);
  --linha-inv:rgba(244,240,231,.18);
  --erro-claro:#A3290F;  /* erro sobre marfim */
  --erro-escuro:#FFB199; /* erro sobre verde/preto */

  /* ---- tipo: papel fixo de cada família ---- */
  --f-display:"Big Shoulders",Impact,"Arial Narrow",sans-serif; /* só H1/H2 de impacto e numerais */
  --f-serif:"Source Serif 4",Georgia,"Times New Roman",serif;  /* leitura, citações, linha do tempo */
  --f-sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif; /* interface */

  --t-small:.875rem;
  --t-ui:1rem;
  --t-body:clamp(1.0625rem,.99rem + .3vw,1.1875rem);
  --t-lede:clamp(1.2rem,1.04rem + .7vw,1.55rem);
  --t-h3:clamp(1.45rem,1.18rem + 1vw,2rem);
  --t-h2:clamp(3rem,1.6rem + 5.6vw,8rem);      /* Big Shoulders */
  --t-h1:clamp(3.6rem,1.4rem + 10vw,14rem);    /* Big Shoulders */
  --lh-display:.88;
  --lh-body:1.62;

  /* ---- espaço ---- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:72px; --s-9:112px;
  --sec:clamp(88px,12vw,180px);          /* respiro vertical de seção */
  --pad:clamp(20px,4.2vw,64px);          /* margem lateral */
  --max:1440px;
  --leitura:64ch;
  --header-h:76px;

  /* ---- forma ---- */
  --r-0:0;           /* botões, blocos, imagens: retos */
  --r-foco:2px;
  --chanfro:12px;    /* canto cortado do botão */

  /* ---- sombra ---- */
  --sh-livro:0 30px 50px -18px rgba(17,21,17,.55),0 6px 14px rgba(17,21,17,.18);
  --sh-alto:0 40px 120px rgba(0,0,0,.55);

  /* ---- movimento ---- */
  --ease:cubic-bezier(.2,.7,.1,1);
  --snap:cubic-bezier(.7,0,.2,1);
  --dur-1:.2s; --dur-2:.45s; --dur-3:.8s;
}
@media (max-width:820px){:root{--header-h:64px}}