:root {
  /* ── Colour Palette ── */
  --color-black:        #1A1A1A;
  --color-orange:       #E8652A;
  --color-warm-white:   #F5F3EF;
  --color-espresso:     #2D2925;
  --color-ember:        #BF4E1A;
  --color-terracotta:   #F2906A;
  --color-charcoal:     #3A3530;
  --color-linen:        #E8E4DC;
  --color-white:        #FFFFFF;
  --color-text-muted:   rgba(255, 255, 255, 0.6);
  --color-text-body:    #3A3530;
  --color-border-light: #E8E4DC;
  --color-border-dark:  rgba(255, 255, 255, 0.12);

  /* ── Typography ── */
  --font-display: 'DM Sans', sans-serif;
  --font-body:    'Inter', sans-serif;

  --leading-body:    1.7;
  --leading-heading: 1.15;

  /* ── Type Scale (desktop) ── */
  --text-hero:    clamp(48px, 7vw, 96px);
  --text-h2:      clamp(32px, 4.5vw, 56px);
  --text-h3:      clamp(18px, 2vw, 24px);
  --text-body-lg: 18px;
  --text-body:    16px;
  --text-sm:      14px;
  --text-xs:      13px;
  --text-eyebrow: 12px;
  --text-rail:    11px;

  /* ── Spacing Scale ── */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   32px;
  --space-xl:   48px;
  --space-2xl:  64px;
  --space-3xl:  80px;
  --space-4xl:  120px;
  --space-5xl:  160px;

  /* ── Border Radius ── */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-pill: 9999px;

  /* ── Transitions ── */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   300ms ease;
  --transition-reveal: 500ms ease;

  /* ── Z-Index Scale ── */
  --z-base:    0;
  --z-above:   1;
  --z-rail:    100;
  --z-nav:     1000;
  --z-overlay: 9999;

  /* ── Layout ── */
  --container-max:     1200px;
  --container-padding: 24px;
  --nav-height:        72px;
}