:root {
  --font-display: 'Sora', 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'DM Sans', 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-editorial: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --brand-400: #C9AD6F;
  --brand-500: #B89A5B;
  --brand-600: #A07D3F;

  /* Premium accent — warm gold */
  --accent-warm: #B89A5B;
  --accent-warm-hover: #A07D3F;
  --accent-warm-light: rgba(184, 154, 91, 0.12);
  --accent-warm-shadow: rgba(184, 154, 91, 0.35);

  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-soft: #FAFAFA;
  --color-text: #1a1a1a;
  --color-text-muted: #6B6B6B;
  --color-border: #E5E5E5;

  --color-bg-dark: #0c0a09;
  --color-surface-dark: #1c1917;
  --color-text-dark: #fafaf9;
  --color-border-dark: rgba(255, 255, 255, 0.12);

  --text-xs: clamp(0.75rem, 0.72rem + 0.08vw, 0.8rem);
  --text-sm: clamp(0.875rem, 0.84rem + 0.1vw, 0.95rem);
  --text-base: clamp(1rem, 0.97rem + 0.12vw, 1.1rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.2vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.3vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.35rem + 0.5vw, 1.9rem);
  --text-3xl: clamp(1.875rem, 1.65rem + 0.8vw, 2.6rem);
  --text-4xl: clamp(2.25rem, 1.9rem + 1.4vw, 3.4rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1.25rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 18px 42px rgba(0, 0, 0, 0.14);

  --z-header: 80;
  --z-drawer: 90;
  --z-overlay: 85;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
}

.theme-dark {
  --color-bg: var(--color-bg-dark);
  --color-surface: var(--color-surface-dark);
  --color-text: var(--color-text-dark);
  --color-border: var(--color-border-dark);
}