:root {
  --ink: #0a0c10;
  --graphite: #151922;
  --graphite-soft: #1d222d;
  --ivory: #f5f3ee;
  --white: #fcfcfa;
  --blue: #2454d6;
  --blue-deep: #193fae;
  --blue-mist: #e8eeff;
  --charcoal: #252a33;
  --slate: #626a78;
  --silver: #d8dce3;
  --success: #187255;
  --error: #b42318;
  --warning: #8a5b00;
  --font-display: "Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --step--1: clamp(0.875rem, 0.84rem + 0.12vw, 0.94rem);
  --step-0: clamp(1rem, 0.96rem + 0.17vw, 1.0625rem);
  --step-1: clamp(1.125rem, 1.04rem + 0.32vw, 1.3125rem);
  --step-2: clamp(1.32rem, 1.16rem + 0.63vw, 1.75rem);
  --step-3: clamp(1.72rem, 1.43rem + 1.11vw, 2.45rem);
  --step-4: clamp(2.2rem, 1.72rem + 1.86vw, 3.45rem);
  --step-5: clamp(2.75rem, 1.95rem + 3.15vw, 4.85rem);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;
  --container: 77.5rem;
  --reading: 45rem;
  --radius-sm: 0.4rem;
  --radius-md: 0.65rem;
  --radius-lg: 1.1rem;
  --shadow-sm: 0 10px 30px rgb(10 12 16 / 7%);
  --shadow-lg: 0 30px 80px rgb(10 12 16 / 14%);
  --transition: 180ms ease;
  --header-height: 4.75rem;
}