:root {
  /* ── Color Palette: Luxury Editorial ── */
  --black: #0a0a0a;
  --charcoal: #1a1a1a;
  --charcoal-light: #2a2a2a;
  --charcoal-muted: #3a3a3a;
  --gold: #c9a84c;
  --gold-light: #d4b96a;
  --gold-dark: #a88a3a;
  --gold-muted: rgba(201, 168, 76, 0.15);
  --champagne: #f5edd6;
  --ivory: #faf7f0;
  --ivory-dark: #ede8dc;
  --blush: #e8d5c4;
  --blush-muted: rgba(232, 213, 196, 0.3);
  --white: #ffffff;
  --text-primary: #1a1a1a;
  --text-secondary: #4a4a4a;
  --text-muted: #8a8a8a;
  --text-light: #c5c0b6;
  --text-on-dark: #e8e2d6;
  --text-on-dark-muted: rgba(232, 226, 214, 0.6);
  --error: #c0392b;
  --error-bg: rgba(192, 57, 43, 0.1);
  --success: #27ae60;

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;
  --font-body: 'Montserrat', 'Helvetica Neue', sans-serif;
  --font-mono: 'Cormorant Garamond', serif;

  /* ── Spacing ── */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* ── Border Radius ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-soft: 0 2px 20px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 4px 40px rgba(0, 0, 0, 0.12);
  --shadow-elevated: 0 8px 60px rgba(0, 0, 0, 0.2);
  --shadow-glow: 0 0 40px rgba(201, 168, 76, 0.15);

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 200ms;
  --duration-normal: 400ms;
  --duration-slow: 700ms;
  --duration-ultra: 1200ms;

  /* ── Layout ── */
  --max-width: 480px;
  --max-width-wide: 640px;
  --max-width-full: 1200px;
  --nav-height: 60px;
}

@media (min-width: 768px) {
  :root {
    --max-width: 600px;
    --max-width-wide: 800px;
    --nav-height: 70px;
    --space-4xl: 8rem;
    --space-5xl: 10rem;
  }
}