/* Hallmark · macrostructure: Narrative Workflow (chaptered long-scroll) · tone: austere editorial · anchor hue: amber
 * Preparedness Labs — site-wide design tokens (duotone + amber discipline)
 * Display: Archivo (heavy grotesk) · Serif: Newsreader (whispers/body serif) · Mono: IBM Plex Mono (micro-labels)
 */
:root{
  /* surfaces */
  --ink:#0B0B0C;          /* near-black band */
  --ink-2:#141416;        /* elevated dark panel */
  --ink-3:#1D1D20;        /* dark card hover */
  --cream:#F3EEE4;        /* warm bone band */
  --cream-2:#EAE3D3;      /* alt cream / card */
  --white:#FFFFFF;

  /* text */
  --on-dark:#F3EFE7;
  --on-dark-mut:rgba(243,239,231,.62);
  --on-dark-dim:rgba(243,239,231,.56);
  --on-light:#141312;
  --on-light-mut:rgba(20,19,18,.64);
  --on-light-dim:rgba(20,19,18,.60);

  /* accent — CTAs and the diamond only */
  --amber:#E8A33D;
  --amber-ink:#211503;
  --amber-soft:rgba(232,163,61,.14);

  /* hairlines */
  --rule-dark:rgba(243,239,231,.14);
  --rule-light:rgba(20,19,18,.14);

  /* type */
  --font-display:"Archivo",system-ui,sans-serif;
  --font-serif:"Newsreader",Georgia,serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --text-display-xl:clamp(2.75rem,7.2vw,6.5rem);
  --text-display-l:clamp(2.25rem,5vw,4.25rem);
  --text-h2:clamp(1.75rem,3.4vw,2.75rem);
  --text-h3:clamp(1.25rem,2vw,1.5rem);
  --text-body-l:1.125rem;
  --text-body:1rem;
  --text-small:.875rem;
  --text-micro:.75rem;

  /* space (4pt scale) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:96px; --s10:128px; --s11:192px;

  /* motion */
  --ease-out:cubic-bezier(.19,1,.22,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-1:.2s; --dur-2:.45s; --dur-3:.8s; --dur-4:1.2s;

  /* shape */
  --radius-card:4px;
  --radius-pill:999px;

  --rail-w:220px;
  --maxw:1320px;
}