/* VPN Vetted — design tokens v1 (03/10/2026). Contrast checked WCAG 2.x (see guia-marca.md). */
:root{
  /* Colour — cool daylight + Midnight & Signal green */
  --paper:#F6F8FA;
  --surface:#FFFFFF;
  --surface-2:#EEF2F6;
  --line:#E2E7EE;
  --line-strong:#CDD5E0;
  --ink:#0B1320;          /* 17.5:1 on paper */
  --ink-2:#3A4556;        /* 9.1:1 */
  --muted:#5B6676;        /* 5.5:1 */
  --accent:#0E9A77;       /* Signal — UI only (icons, bars, rules) */
  --accent-strong:#0B7A5E;/* links/buttons; white on it 5.3:1, on paper 5.0:1 */
  --accent-soft:#E3F5EE;
  --on-accent:#FFFFFF;
  --night:#0A1220;        /* Midnight hero/sections */
  --on-night:#E8EDF3;     /* 15.9:1 */
  --on-night-muted:#93A0B3;/* 7.1:1 */
  --accent-on-night:#3DDBA8;/* 10.6:1 — CTA on dark uses night text on it */
  --good:#0B7A5E; --bad:#B42318;

  /* Type */
  --font-display:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif; /* 600/700 tight */
  --font-ui:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", monospace;
  --display-weight:600;
  --display-tracking:-0.035em;
  --fs-display:60px; --lh-display:1.04;
  --fs-h1:46px;  --lh-h1:1.08;
  --fs-h2:30px;  --lh-h2:1.15;
  --fs-h3:21px;  --lh-h3:1.25;
  --fs-lead:19px;--lh-lead:1.5;
  --fs-body:17px;--lh-body:1.65;
  --fs-small:14px;--lh-small:1.5;
  --fs-micro:12px;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --container:1200px; --measure:680px; --gutter:24px;

  /* Radius — tighter, more technical than AI */
  --r-1:4px; --r-2:8px; --r-3:12px; --r-4:18px; --r-pill:999px;

  --shadow-1:0 1px 2px rgba(11,19,32,.06);
  --shadow-2:0 1px 2px rgba(11,19,32,.05),0 8px 24px -8px rgba(11,19,32,.12);
  --shadow-3:0 2px 4px rgba(11,19,32,.05),0 24px 48px -16px rgba(11,19,32,.20);
  --focus:0 0 0 3px rgba(14,154,119,.35);
}
@media (max-width:640px){:root{--fs-display:38px;--fs-h1:32px;--fs-h2:25px;--fs-h3:19px;--fs-lead:17px;--gutter:20px}}