:root {
  /* Palette */
  --ink:          #1A1A1A;
  --ink-soft:     #2A2A2A;
  --gold:         #C4A882;
  --gold-light:   #D9C4A8;
  --gold-dark:    #A88960;
  --cream:        #FAF8F5;
  --cream-mid:    #F2EDE6;
  --cream-warm:   #FDFAF7;
  --grey-light:   #E8E4DF;
  --grey-mid:     #9A9590;
  --white:        #FFFFFF;

  /* Semantic */
  --bg:           var(--cream);
  --fg:           var(--ink);
  --fg-muted:     var(--grey-mid);
  --fg-accent:    var(--gold-dark);
  --accent:       var(--gold);
  --accent-hover: var(--gold-dark);
  --border:       var(--grey-light);

  /* Type */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;

  /* Type scale */
  --fs-eyebrow: 11px;
  --fs-caption: 12px;
  --fs-small:   13px;
  --fs-body:    14px;
  --fs-body-lg: 16px;
  --fs-lead:    18px;
  --fs-h4:      15px;
  --fs-h3:      18px;
  --fs-h2:      clamp(28px, 4vw, 44px);
  --fs-h1:      clamp(40px, 6vw, 76px);

  /* Tracking / leading */
  --tracking-label: 0.18em;
  --tracking-btn:   0.08em;
  --tracking-eye:   0.22em;
  --leading-body:   1.7;
  --leading-tight:  1.2;
  --leading-loose:  1.85;

  /* Spacing */
  --sp-1:  4px;  --sp-2:  8px;  --sp-3:  12px; --sp-4:  16px;
  --sp-5:  20px; --sp-6:  24px; --sp-8:  32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;
  --section-pad: 96px 0;
  --max-w: 1200px;
  --container-pad: 40px;

  /* Radii */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-pill: 999px;
  --hairline: 1px solid var(--border);

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.04);
  --shadow:      0 8px 32px rgba(0,0,0,0.08);
  --shadow-gold: 0 8px 32px rgba(196,168,130,0.12);
  --shadow-nav:  0 2px 24px rgba(0,0,0,0.08);

  /* Motion */
  --transition: 0.3s ease;
  --transition-slow: 0.65s ease;
}