:root {
  --color-ink: #0c0c0c;
  --color-ink-soft: #3a3a3a;
  --color-muted: #6b6b6b;
  --color-cream: #faf8f4;
  --color-white: #ffffff;
  --color-gray-100: #f0eeea;
  --color-gray-200: #e2ded6;
  --color-dark: #0a0a0a;
  --color-dark-soft: #141414;
  --color-gold: #b8954a;
  --color-gold-light: #d4ad5c;
  --color-gold-soft: rgba(184, 149, 74, 0.14);
  --color-champagne: #f5efe3;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.12);
  --max-width: 1200px;
  --header-height: 76px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --section-pad: clamp(4rem, 8vw, 6.5rem);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}