:root {
  /* ── Ink ── */
  --color-ink-950: #140f12;
  --color-ink-900: #24181e;
  --color-ink-800: #3e2c33;

  /* ── Brand ── */
  --color-burgundy-700: #5f1833;
  --color-burgundy-600: #7a2645;
  --color-burgundy-500: #984261;
  --color-gold-500: #ba9442;
  --color-gold-400: #d7b566;
  --color-gold-200: #efd8a0;

  /* ── Neutrals ── */
  --color-ivory-100: #f8f2e7;
  --color-ivory-200: #f0e5d2;
  --color-ivory-300: #e1d2bb;
  --color-sand-100: #fbf7f1;
  --color-sand-200: #f5eee3;
  --color-sand-300: #ecdfcb;
  --color-mist-100: rgba(250, 243, 232, 0.86);

  /* ── Surfaces ── */
  --color-surface: #faf6f0;
  --color-card: #fff;
  --color-card-border: rgba(36, 24, 30, 0.08);
  --color-glass: rgba(255, 255, 255, 0.08);
  --color-glass-strong: rgba(255, 255, 255, 0.14);
  --color-line: rgba(186, 148, 66, 0.2);

  /* ── Feedback ── */
  --color-success: #5cb58b;
  --color-warning: #f0b85d;
  --color-error: #a13f49;

  /* ── Shadows ── */
  --shadow-soft: 0 4px 20px rgba(27, 15, 20, 0.07);
  --shadow-card: 0 8px 30px rgba(24, 12, 18, 0.1);

  /* ── Radii ── */
  --radius-xs: 0.3rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.125rem;

  /* ── Spacing scale ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 2.5rem;
  --space-9: 3.5rem;
  --space-10: 5rem;

  /* ── Layout ── */
  --container: min(1100px, calc(100vw - 2rem));
  --header-height: 4rem;
  --transition: 220ms ease;

  /* ── Type ── */
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
}