:root {
  --font-display: "Sora", "Avenir Next", sans-serif;
  --font-body: "IBM Plex Sans", Arial, sans-serif;

  --ink: #102b46;
  --ink-deep: #061a33;
  --porcelain: #f4f7fb;
  --paper: #ffffff;
  --blue: #286690;
  --blue-light: #cfe9f8;
  --coral: #ff7454;
  --coral-dark: #e85235;
  --sandstone: #b79c78;
  --sandstone-light: #e9dfd2;
  --line: rgba(13, 47, 78, 0.15);
  --muted: #52697a;

  --step--1: clamp(0.78rem, 0.75rem + 0.14vw, 0.88rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.13rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.25rem + 1.2vw, 2.25rem);
  --step-3: clamp(2rem, 1.4rem + 2.7vw, 3.65rem);
  --step-4: clamp(2.55rem, 1.8rem + 3.5vw, 5.25rem);
  --step-5: clamp(3.1rem, 2rem + 5.5vw, 7rem);

  --space-1: clamp(0.5rem, 0.42rem + 0.4vw, 0.8rem);
  --space-2: clamp(0.8rem, 0.64rem + 0.8vw, 1.3rem);
  --space-3: clamp(1.25rem, 0.95rem + 1.3vw, 2rem);
  --space-4: clamp(2rem, 1.4rem + 2.5vw, 3.75rem);
  --space-5: clamp(3.4rem, 2.2rem + 5vw, 7rem);
  --space-6: clamp(5rem, 3rem + 8vw, 11rem);

  --radius-sm: 0.35rem;
  --radius-md: 0.9rem;
  --radius-lg: 2rem;
  --shadow-raised:
    0 2px 0 rgba(255, 255, 255, 0.65) inset,
    0 18px 40px rgba(4, 28, 45, 0.12),
    0 4px 10px rgba(4, 28, 45, 0.08);
  --shadow-dark:
    0 28px 70px rgba(2, 18, 30, 0.36),
    0 6px 18px rgba(2, 18, 30, 0.24);

  --max: 82rem;
  --gutter: clamp(1.1rem, 4vw, 4rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}