/* ============================================================
   Anglo Lauro — Campanha 2027
   Tokens do design system. Portado de:
   anglo-lauro-campanha-2027-design-system/project/tokens/
   Não editar valores sem passar pelo estúdio.
   ============================================================ */

/* ---------- Fontes ----------
   Apenas os cortes efetivamente usados nesta página foram convertidos
   para WOFF2. Para adicionar outro peso, converta o .otf do bundle. */

@font-face{font-family:"Lufga";src:url("../fonts/Lufga-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lufga";src:url("../fonts/Lufga-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Lufga";src:url("../fonts/Lufga-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lufga";src:url("../fonts/Lufga-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Lufga";src:url("../fonts/Lufga-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

@font-face{font-family:"Obviously Condensed";src:url("../fonts/ObviouslyCondensed-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Obviously Condensed";src:url("../fonts/ObviouslyCondensed-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Obviously Condensed";src:url("../fonts/ObviouslyCondensed-BlackItalic.woff2") format("woff2");font-weight:900;font-style:italic;font-display:swap}

:root{
  /* ---------- Cor ----------
     1B9DD9 / 076AB3 / 004A95 / 2E2B76 / 212D55 / F9EC65 / 262626 são a paleta
     oficial declarada na p.6 do PDF da campanha. Os demais valores foram
     amostrados do key visual aprovado. */

  /* Azuis — a espinha do sistema */
  --campaign-sky:#a8dfff;
  --campaign-blue-light:#1b9dd9;
  --campaign-blue:#076ab3;
  --campaign-blue-ink:#016ab4;
  --campaign-blue-dark:#004a95;

  /* Roxos — headline e campos de área grande */
  --campaign-purple:#2e2b76;
  --campaign-purple-kv:#2c227b;
  --campaign-purple-deep:#212d55;
  --campaign-lavender:#b8aeff;

  /* Acentos — no máximo ~12% da área */
  --campaign-yellow:#f9ec65;
  --campaign-gold:#e2c13a;
  --campaign-amber:#f9c147;
  --campaign-coral:#e9573f;

  /* Neutros */
  --campaign-charcoal:#262626;
  --campaign-cream:#fff5df;
  --campaign-white:#ffffff;

  /* Estados derivados (hover/press: escurecer o campo, nunca trocar de cor) */
  --coral-hover:#d64c36;
  --coral-press:#c4442f;
  --purple-hover:#241c66;
  --yellow-hover:#e6d95a;

  /* ---------- Aliases semânticos ---------- */
  --surface-primary:var(--campaign-purple-kv);
  --surface-secondary:var(--campaign-blue);
  --surface-editorial:var(--campaign-cream);
  --surface-structural:var(--campaign-charcoal);
  --surface-accent:var(--campaign-coral);
  --surface-support:var(--campaign-lavender);
  --surface-support-cool:var(--campaign-sky);
  --surface-highlight:var(--campaign-yellow);

  --text-on-dark:var(--campaign-white);
  --text-on-cream:var(--campaign-purple-kv);
  --text-on-yellow:var(--campaign-purple-kv);
  --text-headline:var(--campaign-purple-kv);
  --text-body:var(--campaign-charcoal);
  --text-muted:#6b6759;
  --text-on-blue-dark:#dbe8f5;
  --text-on-purple:#dcd8f2;

  /* ---------- Tipografia ----------
     Duas famílias apenas: Obviously Condensed (display) e Lufga (todo o resto). */
  --font-display:"Obviously Condensed",system-ui,sans-serif;
  --font-core:"Lufga",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,Menlo,Consolas,monospace;

  --lh-display:0.86;
  --lh-body:1.6;
  --ls-display:-0.01em;

  /* ---------- Espaçamento — unidade base 8px ---------- */
  --space-1:8px;  --space-2:16px; --space-3:24px; --space-4:32px;
  --space-5:40px; --space-6:48px; --space-8:64px; --space-10:80px;
  --space-12:96px; --space-16:128px;

  /* Os módulos se tocam: o "gutter" do sistema é 2px de fresta, nunca um vão. */
  --module-gap:2px;
  --radius-none:0px;
  --radius-pill:999px;

  /* Textura diagonal — a única do sistema */
  --stripe-angle:45deg;
  --stripe-width:3px;
  --stripe-gap:9px;
  /* Intensidade da textura. A arte da campanha usa a diagonal como respiro,
     nao como padrao em destaque - mexa aqui para calibrar a pagina inteira. */
  --stripe-opacity:.06;
  --stripe-opacity-soft:.035;

  /* Ritmo da página */
  --wrap:1180px;
  --wrap-narrow:900px;
  --pad-x:clamp(16px, 4vw, 32px);
  --pad-y:clamp(48px, 6vw, 96px);

  /* Movimento — bloco, nunca objeto */
  --ease-block:cubic-bezier(.22,1,.36,1);
  --dur-block:280ms;
}