:root {
  /* ─── Colors ─────────────────────────────────── */
  --color-white:        #FFFFFF;
  --color-black:        #000000;
  --color-near-black:   #0A0A0A;
  --color-dark-warm:    #1A1917;
  --color-dark-brown:   #33322E;
  --color-brand-red:    #EF3D14;
  --color-red-alt:      #E23423;
  --color-pink:         #FEE8F1;
  --color-purple:       #A484E7;

  /* ─── Typography ─────────────────────────────── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'Space Grotesk', sans-serif;
  --font-mono:    'Space Mono', monospace;

  /* Display scale */
  --text-hero:          132px;
  --text-section:       103.52px;
  --text-tagline:       90.58px;
  --text-location:      32px;
  --text-stats:         28px;
  --text-pizza-name:    26px;
  --text-marquee-lg:    24px;
  --text-marquee:       20px;

  /* Body scale */
  --text-body-xl:       18px;
  --text-body-lg:       17px;
  --text-body:          15px;
  --text-body-sm:       14px;
  --text-caption:       13px;
  --text-legal:         11px;

  /* Line heights */
  --lh-display:         1.03;
  --lh-body:            1.6;
  --lh-tight:           1.2;

  /* ─── Spacing ────────────────────────────────── */
  --space-1:   8px;
  --space-2:  12px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  28px;
  --space-6:  32px;
  --space-7:  56px;
  --space-8:  96px;

  /* ─── Layout ─────────────────────────────────── */
  --container-width:  1231px;
  --page-width:       1279px;
  --nav-height:         80px;

  /* ─── Border radius ──────────────────────────── */
  --radius-xs:    2.33px;
  --radius-sm:      16px;
  --radius-md:      20px;
  --radius-lg:      24px;
  --radius-xl:      28px;
  --radius-2xl:     32px;
  --radius-pill:  9999px;

  /* ─── Shadows ────────────────────────────────── */
  --shadow-card:
    4.6px 9.3px 12.8px -1.7px rgba(18, 18, 18, 0.04),
    2px 4px 5.5px -1.2px rgba(18, 18, 18, 0.03),
    0.9px 1.8px 2.5px -0.6px rgba(18, 18, 18, 0.03),
    0.3px 0.5px 0.7px 0 rgba(18, 18, 18, 0.02);

  /* ─── Transitions ────────────────────────────── */
  --ease-smooth:   cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast:   150ms;
  --duration-base:   250ms;
  --duration-slow:   400ms;
}