:root {
  /* ---------- Core palette (editorial / exaggerated minimalism) ---------- */
  --bg:        #0A0A0A;   /* near-black canvas */
  --bg-2:      #111111;   /* subtle contrast surface */
  --surface:   #141414;   /* cards / chips */
  --surface-2: #1A1A1A;   /* hover surface */
  --fg:        #FAFAFA;   /* warm white */
  --fg-soft:   #D4D4D4;
  --muted:     #A3A3A3;   /* captions */
  --muted-2:   #737373;   /* deeper captions */
  --border:    #262626;
  --border-2:  #333333;

  /* Single accent (vermillion) - used only for interaction + emphasis */
  --accent:    #FF3D00;
  --accent-fg: #0A0A0A;

  --success:   #3BE08F;
  --danger:    #FF4444;
  --gold:      #FFD66B;   /* rating stars only */

  /* ---------- Typography ---------- */
  --font-display: 'Inter Tight', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;

  /* Editorial scale (fluid; hero is bold and oversized) */
  --fs-hero:   clamp(44px, 7vw, 112px);
  --fs-h1:     clamp(40px, 6.2vw, 96px);
  --fs-h2:     clamp(28px, 4.2vw, 64px);
  --fs-h3:     clamp(22px, 2.6vw, 36px);
  --fs-lead:   clamp(18px, 1.4vw, 22px);
  --fs-body:   16px;
  --fs-sm:     14px;
  --fs-label:  11px;

  /* ---------- Spacing (8pt rhythm) ---------- */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  32px;
  --space-xl:  48px;
  --space-2xl: 72px;
  --space-3xl: 120px;
  --space-4xl: 160px;

  /* ---------- Radius (editorial = minimal/zero) ---------- */
  --radius-0: 0px;
  --radius-1: 2px;
  --radius-2: 4px;
  --radius-pill: 9999px;   /* reserved for chips/badges only */

  /* ---------- Motion ---------- */
  --dur-1: 160ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);

  /* ---------- Layout ---------- */
  --container-max: 1440px;
  --container-pad: clamp(20px, 3.2vw, 40px);
  --nav-height: 72px;
}