:root{
  /* base palette, SRG Compass v2.1 (confirmed with Jeffrey 2026-07-31) */
  --black:#000000;
  --white:#FFFFFF;
  --ink:#1A1A1A;
  --fog:#F1F1EE;
  --infinity-blue:#1B2C4A;
  --infinity-blue-dark:color-mix(in oklch,var(--infinity-blue) 78%,black);
  --chimichurri-green:#4B7A3F;
  --chimichurri-green-dark:#3A5F30;

  --border-subtle:#E5E5E0;

  /* semantic aliases */
  --surface-page:var(--white);
  --surface-card:var(--fog);
  --surface-inverse:var(--black);
  --text-heading:var(--black);
  --text-body:var(--ink);
  --text-muted:#5A5A54;
  --text-inverse:var(--white);
  --border-default:var(--border-subtle);
  --accent-primary:var(--infinity-blue);
  --accent-primary-hover:var(--infinity-blue-dark);
  --accent-spot:var(--chimichurri-green);
  --accent-spot-hover:var(--chimichurri-green-dark);
  /* Green TEXT on a dark ground is not available: Chimichurri Green is 3.44:1
     on --ink, below the 4.5:1 WCAG AA threshold for normal text, and the brand
     palette contains no lighter green. Small text on a dark band uses Fog Gray
     instead (15.38:1). The base green stays correct for borders and fills,
     where the 3:1 non-text threshold applies and it passes comfortably. */
  --accent-spot-on-dark:var(--fog);
  --link:var(--infinity-blue);
  --link-hover:var(--infinity-blue-dark);
  --focus-ring:var(--infinity-blue);

  /* type families */
  --font-display:'Compass Display',Georgia,serif;
  --font-serif:'Compass Serif','Compass Serif Text',Georgia,serif;
  --font-sans:'Compass Sans',Helvetica,Arial,sans-serif;
  --font-mono:'GT Pressura Mono',ui-monospace,'SF Mono',monospace;

  /* type scale */
  --text-display:3rem;
  --text-h1:2.25rem;
  --text-h2:1.5rem;
  --text-h3:1.125rem;
  --text-body-size:1rem;
  --text-caption:0.8125rem;

  --leading-tight:1.05;
  --leading-heading:1.2;
  --leading-body:1.6;

  --tracking-label:0.14em;
  --tracking-tight:0.02em;

  /* spacing */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;

  --radius-sm:2px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-pill:999px;

  --shadow-card:0 1px 3px rgba(0,0,0,0.08);
  --shadow-raised:0 4px 16px rgba(0,0,0,0.12);

  /* motion */
  --ease-out-expo:cubic-bezier(0.16,1,0.3,1);
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --duration-fast:150ms;
  --duration-base:250ms;
  --duration-slow:450ms;
  --duration-deliberate:650ms;
}