:root {
  --navy: #1B2A4E;
  --navy-deep: #0F1A35;
  --cream: #F5EFE0;
  --cream-soft: #FAF6EC;
  --paper: #FFFCF4;
  --gold: #C68A5A;
  --olive: #8A9558;
  --sky: #A8B8D9;
  --butter: #F0E2A6;
  --slate: #475569;
  --stone: #D9D2BF;

  --navy-65: rgba(27, 42, 78, 0.65);
  --navy-50: rgba(27, 42, 78, 0.50);
  --navy-40: rgba(27, 42, 78, 0.40);
  --navy-15: rgba(27, 42, 78, 0.15);
  --navy-08: rgba(27, 42, 78, 0.08);
  --navy-06: rgba(27, 42, 78, 0.06);
  --cream-80: rgba(245, 239, 224, 0.80);
  --cream-60: rgba(245, 239, 224, 0.60);

  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --radius-pill: 999px;
  --radius-card: 20px;
  --radius-card-sm: 16px;
  --radius-button: 12px;
  --radius-search: 24px;

  --shadow-sm: 0 1px 3px var(--navy-06);
  --shadow-md: 0 4px 12px rgba(27, 42, 78, 0.18);
  --shadow-lg: 0 12px 32px rgba(27, 42, 78, 0.12);
  --shadow-xl: 0 24px 80px rgba(27, 42, 78, 0.15);
  --shadow-float: 0 20px 60px var(--navy-08);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --duration-reveal: 600ms;

  --container-max: 1200px;
  --container-narrow: 880px;
  --container-padding: clamp(20px, 4vw, 48px);

  --header-height: 72px;
  --section-padding-y: clamp(64px, 9vw, 128px);

  --z-skip: 100;
  --z-header: 50;
  --z-modal: 90;
  --z-overlay: 80;
}