/* Design tokens measured from biograph.com (desktop 1440, 2026-09-14). */
:root {
  --ink: #27272c;            /* rgb(39,39,44)  headings, primary text */
  --muted: #686873;          /* rgb(104,104,115) body on light */
  --btn-dark: #161719;       /* rgb(22,23,25) primary button */
  --surface: #f9f9f9;        /* cards, footer icon tiles */
  --surface-2: #e9e8eb;      /* badge / pill */
  --line: #ececee;           /* hairlines on light */
  --line-dashed: #e2e1e6;    /* dashed hairlines on light */
  --dark: #111214;           /* rgb(17,18,20) dark sections and Black card */
  --dark-2: #09090a;         /* closing section ground */
  --on-dark-muted: rgba(208, 214, 224, 0.8);
  --white-70: rgba(255, 255, 255, 0.7);
  --white-90: rgba(255, 255, 255, 0.9);
  --link: #0095ff;           /* rgb(0,149,255) */
  --check: #367fff;          /* rgb(54,127,255) */
  --pillars-gradient: linear-gradient(315deg, #28373f 0%, #020202 100%);

  --font-display: "Aeonik Regular", "Aeonik", "Aeonik fallback", system-ui, sans-serif;
  --font-body: "Apercu Pro Regular", "Apercu Pro", "Apercu fallback", system-ui, sans-serif;
  --font-body-medium: "Apercu Pro Medium", "Apercu Pro", "Apercu fallback medium", system-ui, sans-serif;
  --font-body-bold: "Apercu Pro Bold", "Apercu Pro", system-ui, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-wordmark: "Newsreader", Georgia, serif;

  --container: 1320px;       /* 1440 - 2*60 */
  --gutter: 60px;
  --gap: 10px;               /* card gap */
  --radius: 16px;
  --radius-sm: 8px;
  --nav-h: 64px;
  --section-pad: 150px;
}