:root {
  /* ── PRIMARY PALETTE ─────────────────────────────── */
  --ink:            #0A0A0A;   /* Primary dark · Headlines · Buttons · Nav text on light */
  --turmeric:       #D4A843;   /* Brand accent · Pay CTA · Logo E · All gold moments */
  --turmeric-light: #F0CE7A;   /* Light accent fills · Tag backgrounds */
  --turmeric-bg:    #FDF8EE;   /* Warm section backgrounds · Highlighted areas */
  --taupe:          #6B5744;   /* Secondary text · Labels · Metadata */
  --ivory:          #F5F0E8;   /* Page background · App screen background */
  --pure-white:     #FFFFFF;   /* Cards · Elevated surfaces · App card backgrounds */
  --warm-border:    #E8E4DC;   /* Dividers · Card borders · App item borders */
  --muted:          #8B7355;   /* Hints · Placeholders · Tertiary text */

  /* ── FUNCTIONAL — NEVER BRAND ───────────────────── */
  --success:        #27AE60;   /* Payment confirmed state ONLY */
  --error:          #C0392B;   /* Error states ONLY */
  --warning:        #E67E22;   /* Warning states ONLY */

  /* ── TYPOGRAPHY ──────────────────────────────────── */
  --font-display: 'Cormorant Garamond', serif;
  --font-ui: 'Plus Jakarta Sans', sans-serif;

  /* ── SPACING ─────────────────────────────────────── */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  40px;
  --sp-2xl: 64px;
  --sp-3xl: 96px;
  --sp-4xl: 128px;

  /* ── BORDER RADIUS ───────────────────────────────── */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 100px;
}