:root{
  /* ── Brand core — the five named Waypoint hues ─
     Avoid true white and true black except where
     full-color art requires them. ─────────────── */
  --nocturne-blue:#03323A;   /* primary body type; secondary background */
  --sand-dune-cream:#FFFAF0; /* primary background; body type on dark teal */
  --waypoint-orange:#D97327; /* sparingly: highlights, callout text */
  --stream-teal:#61B2A4;     /* background accents, iconography */
  --sunburst-yellow:#F0AF20; /* extremely sparingly: small accents */

  --pine-950:#01161A;
  --pine-900:#022329;
  --pine-800:#03323A; /* BRAND. Pine — sampled from logo */
  --pine-700:#0A4650;
  --pine-600:#146070;
  --pine-500:#2A7B87;
  --pine-400:#6D9199;
  --pine-300:#A7BEC1;
  --pine-200:#CEDCDD;
  --pine-100:#E7EFEF;

  --cream-50:#FFFDF8;
  --cream-100:#FFFAF0; /* BRAND. Cream — sampled from logo */
  --cream-200:#F7F0E1;
  --cream-300:#EDE2CD;
  --cream-400:#DCCCB0;

  --sunset-700:#A0511B;
  --sunset-600:#C06120;
  --sunset-500:#D97327; /* BRAND. Sunset — sampled from logo */
  --sunset-400:#E5924F;
  --sunset-300:#F0B583;
  --sunset-100:#FBE7D6;

  /* ── Supporting ─────────────────────────────── */
  --moss-500:#3F7A55;
  --moss-100:#E3EEE6;
  --teal-600:#4C9689;
  --teal-500:#61B2A4; /* BRAND. Stream Teal */
  --teal-300:#9BD0C6;
  --teal-100:#E2F1EE;

  --amber-500:#F0AF20; /* BRAND. Sunburst Yellow */
  --amber-400:#F5C458;
  --amber-100:#FDF0D2;
  --brick-500:#B23A2B;
  --brick-100:#F7E1DD;

  /* ── Semantic surfaces ──────────────────────── */
  --surface-page:var(--cream-100);
  --surface-card:var(--cream-50);
  --surface-sunk:var(--cream-200);
  --surface-inverse:var(--pine-800);
  --surface-inverse-raised:var(--pine-700);
  --surface-accent:var(--sunset-500);
  --surface-accent-soft:var(--sunset-100);

  /* ── Semantic text ──────────────────────────── */
  --text-heading:var(--pine-800);
  --text-body:var(--pine-700);
  --text-muted:#4C6A70;
  --text-faint:var(--pine-400);
  --text-on-dark:var(--cream-100);
  --text-on-dark-muted:var(--pine-300);
  --text-on-accent:var(--cream-50);
  --text-accent:var(--sunset-600);
  --text-link:var(--sunset-600);
  --text-link-hover:var(--sunset-700);

  /* ── Borders & lines ────────────────────────── */
  --border-hairline:#E2D8C4;
  --border-default:var(--cream-400);
  --border-strong:var(--pine-800);
  --border-on-dark:rgba(255,250,240,.22);
  --rule-dashed:var(--pine-300);

  /* ── Semantic status ────────────────────────── */
  --status-success-fg:var(--moss-500);
  --status-success-bg:var(--moss-100);
  --status-warning-fg:#9A6F0F;
  --status-warning-bg:var(--amber-100);
  --status-danger-fg:var(--brick-500);
  --status-danger-bg:var(--brick-100);
  --status-info-fg:var(--pine-600);
  --status-info-bg:var(--pine-100);

  /* ── Focus ──────────────────────────────────── */
  --focus-ring:0 0 0 3px rgba(217,115,39,.38);
}