:root {
  --navy-950: #071625;
  --navy-900: #0a2035;
  --navy-800: #0e2e4e;
  --navy-700: #173f67;
  --navy-500: #4f7da6;
  --blue-200: #c9e1f4;
  --blue-100: #eaf5fc;
  --paper: #fcfcfb;
  --paper-warm: #fff5e9;
  --warm-100: #f7d7b2;
  --warm-300: #e4a45c;
  --warm-500: #c7742b;
  --white: #ffffff;
  --ink: #10263b;
  --muted: #5f7386;
  --line-light: rgba(249, 249, 249, 0.18);
  --line-dark: rgba(14, 46, 78, 0.18);
  --line-warm: rgba(199, 116, 43, 0.4);
  --shadow-sm: 0 10px 28px rgba(7, 22, 37, 0.08);
  --shadow-lg: 0 28px 70px rgba(7, 22, 37, 0.16);

  --font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype",
    Georgia, serif;
  --font-sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;

  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --section-space: clamp(4.5rem, 9vw, 8rem);
  --radius-sm: 0.35rem;
  --radius-md: 1.5rem;
  --radius-arch: 4.5rem 4.5rem 0.4rem 4.5rem;

  --step--1: clamp(0.82rem, 0.8rem + 0.1vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.05rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.55rem, 1.25rem + 1vw, 2.1rem);
  --step-3: clamp(2rem, 1.4rem + 2vw, 3.2rem);
  --step-4: clamp(3rem, 1.7rem + 4vw, 5.8rem);

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