:root {
  --color-sky: #abd7ef;
  --color-sky-soft: #eaf6fb;
  --color-blue: #14577a;
  --color-blue-deep: #0d3f59;
  --color-blue-ink: #173847;
  --color-neutral: #4f4f4a;
  --color-paper: #f4f6f3;
  --color-white: #fff;
  --color-line: #cad9df;
  --color-muted: #657b85;
  --color-orange: #ec6b37;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --container: 1240px;
  --container-narrow: 840px;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-soft: 0 18px 50px rgba(20, 87, 122, .08);
  --header-height: 72px;
  --page-nav-height: 53px;
  --sticky-offset: calc(var(--header-height) + var(--page-nav-height) + 18px);
  --transition: 180ms ease;
}