:root {
  --navy-900: #0F2845;
  --navy-800: #16314C;
  --navy-700: #20415F;
  --navy-600: #2C5476;

  --teal-500: #12B0A0;
  --teal-600: #0E8F82;
  --teal-ink: #0B6E64;
  --teal-100: #D6F1ED;

  --ink: #14233A;
  --ink-soft: #3B4A60;
  --ink-mute: #5A6B82;

  --bg: #F4F7FA;
  --surface: #FFFFFF;
  --line: #E1E8F0;
  --line-strong: #C9D4E0;

  --on-navy: #FFFFFF;
  --on-navy-soft: #C6D3E2;
  --on-navy-line: rgba(255, 255, 255, 0.14);

  --success: #1F8A5B;
  --danger: #C2402F;

  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;

  --fs-h1: clamp(2.4rem, 1.4rem + 3.6vw, 3.9rem);
  --fs-h2: clamp(1.7rem, 1.2rem + 1.8vw, 2.4rem);
  --fs-h3: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
  --fs-lead: clamp(1.075rem, 1rem + 0.35vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.8125rem;

  --container: min(100% - 40px, 1160px);

  --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-sm: 6px;
  --radius-md: 10px;

  --shadow-low: 0 1px 2px rgba(15, 40, 69, 0.05);
  --shadow-mid: 0 8px 24px rgba(15, 40, 69, 0.08);
  --shadow-high: 0 18px 42px rgba(3, 13, 27, 0.28);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --z-sticky: 100;
  --z-header: 200;
  --z-modal-backdrop: 300;
  --z-modal: 400;
  --z-toast: 500;
}

@media (max-width: 720px) {
  :root {
    --container: min(100% - 28px, 1160px);
  }
}