:root {
  /* Color Palette - Warm Architectural Neutrals */
  --bg-primary: #FAF8F5;
  --bg-secondary: #F3EFEA;
  --bg-tertiary: #EBE5DC;
  --bg-card-subtle: #FFFFFF;
  --bg-dark: #151513;
  --bg-dark-surface: #1E1E1B;

  /* Typography Colors - WCAG AA Verified */
  --text-main: #161614;
  --text-muted: #575550; /* Contrast >= 6.8:1 */
  --text-subtle: #73706A; /* Contrast >= 4.6:1 */
  --text-light: #949088;
  --text-white: #FAF8F5;
  --text-white-muted: #B8B5AD;

  /* Architectural Accents */
  --accent-olive: #3B463A;
  --accent-olive-hover: #2B342A;
  --accent-olive-light: #EBF0EA;
  --accent-gold: #B89658;
  --accent-gold-soft: rgba(184, 150, 88, 0.15);

  /* Form & Validation States */
  --color-error: #B91C1C;
  --color-error-bg: #FEF2F2;
  --color-error-border: #F87171;

  /* Hairline Borders & Dividers */
  --border-subtle: rgba(22, 22, 20, 0.09);
  --border-medium: rgba(22, 22, 20, 0.18);
  --border-dark: rgba(250, 248, 245, 0.12);
  --border-dark-hover: rgba(250, 248, 245, 0.25);

  /* Typography System */
  --font-serif: 'Cormorant Garamond', Garamond, 'Times New Roman', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* Layout & Spacing Tokens */
  --container-max: 1360px;
  --container-narrow: 1040px;
  --header-height: 88px;
  --header-height-scrolled: 68px;

  /* Fluid Spacing */
  --space-xs: clamp(0.5rem, 1vw, 0.75rem);
  --space-sm: clamp(0.875rem, 1.5vw, 1.25rem);
  --space-md: clamp(1.5rem, 2.5vw, 2.25rem);
  --space-lg: clamp(2.5rem, 4vw, 3.75rem);
  --space-xl: clamp(4rem, 7vw, 6.5rem);
  --space-2xl: clamp(6rem, 10vw, 9.5rem);

  /* Motion & Easing */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  --ease-editorial: cubic-bezier(0.25, 1, 0.5, 1);

  /* Shadows - Minimal & Restrained */
  --shadow-subtle: 0 4px 20px -2px rgba(22, 22, 20, 0.04);
  --shadow-elevated: 0 16px 36px -8px rgba(22, 22, 20, 0.08);
  --shadow-drawer: -10px 0 30px rgba(0, 0, 0, 0.15);

  /* Radius - Strict Architectural Geometry (Minimal curves) */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-pill: 9999px;
}