:root {
  --navy: #0a2e5c;
  --navy-deep: #061e3d;
  --navy-soft: #143a6b;
  --red: #e31c23;
  --red-deep: #b8141a;
  --cream: #f4f7fb;
  --mist: #e8eef6;
  --ink: #142033;
  --muted: #5a6b80;
  --white: #ffffff;
  --line: rgba(10, 46, 92, 0.12);

  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;

  --radius: 0.35rem;
  --shadow-soft: 0 18px 50px rgba(6, 30, 61, 0.14);
  --max: 70rem;
  --nav-h: 5.25rem;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}