:root {
  /* ===== COLORS — Editorial / Sesam-inspired ===== */
  /* Base */
  --clr-bg: #F4EFE6;          /* Warm off-white background */
  --clr-bg-alt: #ECE5D6;      /* Slightly deeper cream for alt sections */
  --clr-ink: #1A1A1A;         /* Near-black text */
  --clr-ink-soft: #4A4A4A;    /* Secondary text */
  --clr-line: rgba(26, 26, 26, 0.12);

  /* Accents */
  --clr-accent: #C8531C;      /* Burnt orange — used sparingly */
  --clr-accent-hover: #A4421A;
  --clr-cream: #FAF6EE;

  /* Legacy aliases (so old refs don't break) */
  --clr-dark: var(--clr-ink);
  --clr-amber: var(--clr-accent);
  --clr-amber-light: rgba(200, 83, 28, 0.12);
  --clr-sienna: var(--clr-accent-hover);
  --clr-sand: var(--clr-ink-soft);
  --clr-espresso: var(--clr-ink);
  --clr-parchment: var(--clr-cream);
  --clr-burgundy: #6B1D2A;
  --clr-olive: #5C6B3C;
  --clr-white: #FFFFFF;

  /* ===== TYPOGRAPHY ===== */
  --font-display: 'Archivo', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Editorial scale — much bigger headlines */
  --fs-mega: clamp(3.5rem, 12vw, 11rem);
  --fs-display: clamp(2.75rem, 8vw, 6rem);
  --fs-h1: clamp(2.25rem, 6vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 4.5vw, 3rem);
  --fs-h3: clamp(1.125rem, 2vw, 1.5rem);
  --fs-body: clamp(1rem, 1.1vw, 1.0625rem);
  --fs-small: clamp(0.8125rem, 0.95vw, 0.875rem);
  --fs-nav: 0.875rem;
  --fs-eyebrow: 0.75rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 9rem;

  /* Layout */
  --container-max: 1400px;
  --container-narrow: 800px;
  --nav-height: 72px;

  /* Borders & Radius */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-pill: 100px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(26, 26, 26, 0.06);
  --shadow-md: 0 4px 16px rgba(26, 26, 26, 0.10);
  --shadow-lg: 0 8px 32px rgba(26, 26, 26, 0.14);
}