:root {
  --navy-900: #00305c;
  --navy-800: #0c2d4e;
  --navy-700: #163c62;
  --orange-500: #fc6401;
  --orange-400: #ff7a35;
  --white: #ffffff;
  --off-white: #f6f3ee;
  --stone-100: #f4f5f7;
  --stone-200: #e8edf2;
  --stone-300: #dfe5eb;
  --stone-400: #bec9d5;
  --stone-500: #8290a0;
  --stone-700: #32465a;
  --stone-800: #1d2d3d;
  --charcoal: #141d26;
  --text: #1c2a38;
  --line: rgba(17, 27, 34, 0.12);
  --shadow-soft: 0 12px 30px rgba(12, 23, 33, 0.08);
  --shadow-card: 0 18px 36px rgba(12, 23, 33, 0.08);
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --container: 1200px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --space-28: 112px;
  --space-30: 120px;
  --max-content: 1200px;
  --transition-fast: 180ms ease;
  --transition-medium: 240ms ease;
  --transition-slow: 360ms ease;
}