/* AI Tools Vetted — design tokens v1 (03/10/2026). Contrast checked WCAG 2.x (see guia-marca.md). */
:root{
  /* Colour — warm editorial paper + Ember */
  --paper:#FBFAF7;        /* page background */
  --surface:#FFFFFF;      /* cards */
  --surface-2:#F4F1EA;    /* soft panels, table zebra */
  --line:#E7E3DA;         /* 1px dividers */
  --line-strong:#D6D0C3;
  --ink:#16140F;          /* headings/body  17.6:1 on paper */
  --ink-2:#4A463D;        /* secondary text  9.0:1 */
  --muted:#6B665B;        /* meta, captions  5.5:1 */
  --accent:#E0521B;       /* Ember — UI only (icons, bars, rules) 3.7:1, never small text */
  --accent-strong:#C2410C;/* links/buttons; white on it 5.2:1, on paper 5.0:1 */
  --accent-soft:#FCEDE4;  /* top-pick tint */
  --on-accent:#FFFFFF;
  --night:#16140F;        /* dark sections */
  --on-night:#F4F1EA;     /* 16.3:1 */
  --on-night-muted:#A39E92;/* 6.9:1 */
  --accent-on-night:#F08A5D;/* 7.5:1 */
  --good:#2F7D4F; --bad:#B4362B;   /* pros/cons glyphs (paired with text, never colour alone) */

  /* Type */
  --font-display:"Newsreader", Georgia, "Times New Roman", serif; /* 500/600, never italic */
  --font-ui:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif; /* 400/500/600 */
  --font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", monospace; /* 500, scores & data */
  --display-weight:500;
  --display-tracking:-0.02em;
  /* scale (desktop) — ratio ~1.25, calm */
  --fs-display:64px; --lh-display:1.04;
  --fs-h1:48px;  --lh-h1:1.08;
  --fs-h2:32px;  --lh-h2:1.15;
  --fs-h3:22px;  --lh-h3:1.25;
  --fs-lead:20px;--lh-lead:1.5;
  --fs-body:17px;--lh-body:1.65;
  --fs-small:14px;--lh-small:1.5;
  --fs-micro:12px; /* kickers, uppercase +0.08em */

  /* Space (4px base) */
  --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 — soft squircle, matches the symbol */
  --r-1:6px; --r-2:10px; --r-3:16px; --r-4:24px; --r-pill:999px;

  /* Shadow — one soft shadow family only */
  --shadow-1:0 1px 2px rgba(22,20,15,.05);
  --shadow-2:0 1px 2px rgba(22,20,15,.04),0 8px 24px -8px rgba(22,20,15,.10);
  --shadow-3:0 2px 4px rgba(22,20,15,.04),0 24px 48px -16px rgba(22,20,15,.16);
  --focus:0 0 0 3px rgba(224,82,27,.35);
}
@media (max-width:640px){:root{--fs-display:40px;--fs-h1:34px;--fs-h2:26px;--fs-h3:20px;--fs-lead:18px;--fs-body:17px;--gutter:20px}}