/* ===== FO4 — design tokens ===== */
/* Lifted verbatim from the design handoff (source/styles.css :root). */

:root {
  /* Surfaces */
  --charcoal: #141414;
  --charcoal-deep: #0E0E0E;
  --ink: #1C1C1C;
  --card-dark: #1F1F1F;

  --cream: #F4F0E8;
  --cream-deep: #EBE5D6;
  --cream-rise: #FBF8F2;

  --hairline: rgba(255, 255, 255, 0.09);
  --hairline-strong: rgba(255, 255, 255, 0.20);
  --hairline-dark: rgba(20, 20, 20, 0.10);
  --hairline-dark-strong: rgba(20, 20, 20, 0.25);

  /* Accents */
  --leicester: #002884;
  --leicester-bright: #1340B4;
  --leicester-deep: #001A5E;

  --gold: #E8A41C;        /* gaffer-tape yellow — primary accent */
  --gold-warm: #F2B536;
  --gold-deep: #C1841A;

  --burgundy: #7A2E3C;
  --burgundy-bright: #A24656;

  /* Text */
  --on-dark: #F1ECDC;
  --on-dark-dim: rgba(241, 236, 220, 0.65);
  --on-dark-mute: rgba(241, 236, 220, 0.40);

  --on-cream: #141414;
  --on-cream-dim: rgba(20, 20, 20, 0.66);
  --on-cream-mute: rgba(20, 20, 20, 0.42);

  /* Type */
  --display: 'Anton', 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;        /* Druk substitute */
  --body: 'Space Grotesk', system-ui, sans-serif;
  --hand: 'Caveat Brush', 'Permanent Marker', cursive;                                       /* Crowned substitute */
  --mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;
}