/* Stack IA Connect — tokens.css (GERADO a partir de tokens.json; não edite à mão) */

@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/BarlowCondensed-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('./fonts/PlusJakartaSans-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}

/* Tema claro = padrão. Contexto por seção: data-theme="claro" | "escuro" */
:root,[data-theme="claro"]{
  --brand:#236647;
  --accent:#c8ed8d;
  --attention:#edae55;
  --warm:#f4eddd;
  --white:#ffffff;
  --ink:#19352c;
  --night:#0e211b;
  --muted:#596b63;
  --muted-dark:#aac0b0;
  --hairline-light:rgba(25,53,44,.14);
  --hairline-dark:rgba(255,255,255,.14);
  --brand-tint:rgba(35,102,71,.12);
  --accent-tint:rgba(200,237,141,.12);
  --sh-offer:8px 8px 0 0 #19352c;
  --surface:var(--warm);
  --surface-raised:var(--white);
  --text:var(--ink);
  --text-strong:var(--night);
  --text-muted:var(--muted);
  --highlight:var(--brand);
  --action:var(--brand);
  --on-action:var(--white);
  --line:var(--ink);
  --shadow-color:var(--ink);
  --hairline:var(--hairline-light);
  --tint:var(--brand-tint);
  --focus-ring:var(--ink);
  --chart-1:#187c49;
  --chart-2:#dfa045;
  --chart-3:#1f689d;
  --chart-other:var(--muted);
  --sh-card:6px 6px 0 0 #19352c;
  --sh-card-sm:4px 4px 0 0 #19352c;
  --sh-action:5px 5px 0 0 #19352c;
  --sh-action-hover:7px 7px 0 0 #19352c;
  --sh-press:2px 2px 0 0 #19352c;
  --sh-brutal:12px 12px 0 0 #19352c;
}
[data-theme="escuro"]{
  --surface:var(--night);
  --surface-raised:var(--ink);
  --text:var(--white);
  --text-strong:var(--white);
  --text-muted:var(--muted-dark);
  --highlight:var(--accent);
  --action:var(--accent);
  --on-action:var(--ink);
  --line:var(--white);
  --shadow-color:var(--accent);
  --hairline:var(--hairline-dark);
  --tint:var(--accent-tint);
  --focus-ring:var(--accent);
  --chart-1:#287c42;
  --chart-2:#cf8020;
  --chart-3:#3578b8;
  --chart-other:var(--muted-dark);
  --sh-card:6px 6px 0 0 #c8ed8d;
  --sh-card-sm:4px 4px 0 0 #c8ed8d;
  --sh-action:5px 5px 0 0 #ffffff;
  --sh-action-hover:7px 7px 0 0 #ffffff;
  --sh-press:2px 2px 0 0 #ffffff;
  --sh-brutal:12px 12px 0 0 #236647;
}
:root{
  --space-blk-sm:13px;
  --space-caps:10px;
  --space-blk:24px;
  --space-cta:37px;
  --space-divider:34px;
  --space-rail:16px;
  --radius-card:8px;
  --radius-bubble:14px;
  --radius-tag:6px;
  --radius-stamp:4px;
  --radius-pill:999px;
  --radius-round:50%;
  --fs-display:clamp(48px,12vw,84px);
  --fs-h1:clamp(34px,8.5vw,60px);
  --fs-h2:clamp(30px,6.4vw,42px);
  --fs-h3:clamp(23px,3.2vw,27px);
  --fs-lead:clamp(15px,1.8vw,17px);
  --fs-body:clamp(16px,1.7vw,17.5px);
  --fs-small:clamp(13px,1.4vw,14px);
  --pad-sec:clamp(90px,15.4vw,146px);
  --pad-sec-hero:clamp(82px,14vw,134px);
  --pad-x:clamp(20px,5.5vw,28px);
  --gap:clamp(16px,2.8vw,23px);
  --wrap:720px;
  --wrap-wide:1040px;
  --topbar-h:56px;
  --progress-h:4px;
  --font-head:"Barlow Condensed", sans-serif;
  --font-body:"Plus Jakarta Sans", sans-serif;
}