:root {
  /* Brand colors */
  --burgundy: #652329;
  --burgundy-hover: #511c21;
  --dark-bg: #1e1e1e;
  --darker-bg: #181818;
  --off-white: #f6f6f0;
  --gold: #6b5b25;
  --white: #ffffff;
  --black: #000000;
  --grey-300: #cfcfcf;
  --grey-500: #8a8a8a;
  --grey-700: #3a3a3a;

  /* Typography — Bricolage Grotesque for headlines (chunky, rounded), Inter for body */
  --font-display: "Bricolage Grotesque", "Archivo Black", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-marquee: "Archivo Black", "Bricolage Grotesque", Arial, sans-serif;

  --fs-hero: clamp(3.5rem, 9vw, 8rem);
  --fs-h1: clamp(2.75rem, 6vw, 5rem);
  --fs-h2: clamp(2.5rem, 5.2vw, 4.25rem);
  --fs-h3: clamp(1.5rem, 2.4vw, 2rem);
  --fs-body: 1.25rem;
  --fs-body-large: 1.5rem;
  --fs-small: 1rem;
  --fs-label: 0.8125rem;
  --fs-marquee: clamp(3.5rem, 9vw, 8rem);

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.6;

  /* Spacing scale */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* Layout */
  --container-max: 1320px;
  --container-narrow: 880px;
  --section-py: clamp(5rem, 10vw, 9rem);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;

  --transition-fast: 150ms ease;
  --transition: 250ms ease;
}