:root {
  --color-navy-950: #061126;
  --color-navy-900: #0b2140;
  --color-navy-800: #12345e;
  --color-white: #ffffff;
  --color-surface: #f4f7fb;
  --color-surface-strong: #eaf0f8;
  --color-gold: #c39b5b;
  --color-gold-hover: #d1ab6d;
  --color-text: #1a2c44;
  --color-heading: #0f2341;
  --color-muted: #5e6f86;
  --color-border: #d5ddeb;
  --color-border-dark: #244268;
  --color-overlay: rgba(6, 17, 38, 0.58);
  --color-overlay-strong: rgba(6, 17, 38, 0.72);
  --bg1: #0f2d59;
  --bg2: #060b15;
  --gradient-premium: linear-gradient(138deg, #061126 0%, #0d2a51 52%, #184274 100%);
  --gradient-soft: linear-gradient(180deg, #ffffff 0%, #f2f6fc 100%);
  --shadow-soft: 0 10px 34px rgba(10, 29, 55, 0.08);
  --shadow-card: 0 16px 36px rgba(10, 29, 55, 0.12);
  --shadow-premium: 0 22px 48px rgba(3, 12, 24, 0.34);
  --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: 4rem;
  --space-9: 5rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.125rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;
  --transition-fast: 180ms ease;
  --transition-base: 260ms ease;
  --transition-slow: 420ms ease;
  --font-body: "Space Grotesk", system-ui, sans-serif;
  --font-heading: "Space Grotesk", system-ui, sans-serif;
  --max-content: 1180px;
  --max-wide: 1320px;
}