:root {
  /* Base neutrals — warm charcoal-to-cream, sampled from the artist's own promo photography */
  --grey-0: oklch(0.15 0.005 60);
  --grey-1: oklch(0.24 0.012 60);
  --grey-2: oklch(0.34 0.012 60);
  --grey-3: oklch(0.52 0.014 60);
  --grey-4: oklch(0.72 0.012 70);
  --grey-5: oklch(0.90 0.008 75);
  --cream:  oklch(0.97 0.010 85);
  --cream-dim: oklch(0.80 0.010 85);
  --cream-mid: oklch(0.905 0.010 85);

  /* Accents — tan/gold and burnt-rust, pulled from jacket + album-cover palette */
  --tan-500:  oklch(0.78 0.075 78);
  --tan-600:  oklch(0.68 0.085 72);
  --tan-700:  oklch(0.56 0.085 66);
  --rust-500: oklch(0.62 0.135 45);
  --rust-600: oklch(0.52 0.135 40);
  --rust-700: oklch(0.42 0.12 36);

  /* Semantic aliases */
  --bg-canvas:         var(--grey-1);
  --bg-canvas-alt:      var(--grey-2);
  --bg-surface-light:   var(--cream);
  --bg-surface-card:    oklch(0.28 0.012 60);
  --border-subtle:      oklch(0.40 0.014 60);
  --border-on-light:    var(--grey-4);

  --text-primary-dark:    var(--cream);
  --text-secondary-dark:  var(--grey-4);
  --text-primary-light:   var(--grey-0);
  --text-secondary-light: var(--grey-3);

  --accent-primary:          var(--tan-500);
  --accent-primary-hover:    var(--tan-600);
  --accent-secondary:        var(--rust-500);
  --accent-secondary-hover:  var(--rust-600);

  --link-color: var(--tan-500);
  --link-color-hover: var(--tan-600);

  /* Font families */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Lora', Georgia, serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-nav: 'Inter', sans-serif;
  --font-eyebrow: 'Manrope', sans-serif;
  --font-meta: 'Inter', sans-serif;
  --font-button: var(--font-mono);

  /* Display scale (uppercase, tight tracking, condensed) */
  --text-display-xl: 700 clamp(3rem, 6vw, 6.5rem)/0.98 var(--font-display);
  --text-display-lg: 600 clamp(2.25rem, 4vw, 4rem)/1.02 var(--font-display);
  --text-display-md: 600 clamp(1.5rem, 2.4vw, 2.25rem)/1.05 var(--font-display);
  --text-display-sm: 500 1.25rem/1.1 var(--font-display);

  /* Body scale */
  --text-body-lg: 400 1.25rem/1.55 var(--font-body);
  --text-body-md: 400 1.0625rem/1.6 var(--font-body);
  --text-body-sm: 400 0.9375rem/1.5 var(--font-body);
  --text-quote: italic 500 1.375rem/1.5 var(--font-body);

  /* Mono/meta scale */
  --text-meta-md: 500 0.875rem/1.4 var(--font-mono);
  --text-meta-sm: 400 0.75rem/1.4 var(--font-mono);

  --tracking-display: 0.01em;
  --tracking-label: 0.14em;

  /* 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;
  --space-10: 128px;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;

  --shadow-card: 0 12px 32px -12px oklch(0.15 0 0 / 0.45);
  --border-width: 1px;

  --content-max-width: 1120px;
}