:root {
  --color-navy-950: #0b1d35;
  --color-navy-900: #102844;
  --color-navy-800: #1b365d;
  --color-navy-700: #294e78;
  --color-blue-600: #1769aa;
  --color-gold-500: #c99b4a;
  --color-gold-400: #ddb666;
  --color-gold-100: #f7edd8;
  --color-teal-500: #168c8c;
  --color-green-500: #4e8b55;
  --color-violet-500: #72558d;
  --color-ink: #172436;
  --color-muted: #58687b;
  --color-line: #dce3e9;
  --color-paper: #fffdfa;
  --color-canvas: #f5f3ee;
  --color-white: #ffffff;

  --font-sans: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: Poppins, "Segoe UI", system-ui, sans-serif;

  --step--1: clamp(.82rem, .79rem + .12vw, .9rem);
  --step-0: clamp(1rem, .96rem + .16vw, 1.08rem);
  --step-1: clamp(1.2rem, 1.08rem + .45vw, 1.45rem);
  --step-2: clamp(1.55rem, 1.27rem + 1.05vw, 2.15rem);
  --step-3: clamp(2.05rem, 1.55rem + 1.9vw, 3.2rem);
  --step-4: clamp(2.65rem, 1.9rem + 2.55vw, 4.15rem);

  --space-1: .375rem;
  --space-2: .625rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;
  --space-7: 5.5rem;
  --space-8: 8rem;

  --radius-sm: .5rem;
  --radius-md: .875rem;
  --radius-lg: 1.35rem;
  --shadow-sm: 0 6px 18px rgb(16 40 68 / .07);
  --shadow-md: 0 18px 50px rgb(16 40 68 / .13);
  --container: 76rem;
  --header-height: 5rem;
  --ease: cubic-bezier(.2, .7, .2, 1);
}