:root {
  color-scheme: light;
  --color-navy-950: #041220;
  --color-navy-900: #071a33;
  --color-navy-800: #0b2d49;
  --color-blue-600: #087fae;
  --color-blue-400: #41c5fe;
  --color-blue-100: #dff4fd;
  --color-green-700: #467a08;
  --color-green-500: #86ce2e;
  --color-green-100: #e5f4d2;
  --color-ink: #0b1e31;
  --color-muted: #5a6d7e;
  --color-line: #d8e2ea;
  --color-surface: #ffffff;
  --color-surface-soft: #f5f8fc;
  --color-focus: #006f9f;
  --font-sans: "Avenir Next", Avenir, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --radius-sm: .5rem;
  --radius-md: .875rem;
  --radius-lg: 1.35rem;
  --shadow-sm: 0 8px 24px rgba(7, 26, 51, .08);
  --shadow-lg: 0 28px 78px rgba(7, 26, 51, .14);
  --container: 76rem;
  --section-space: clamp(5.5rem, 10vw, 9rem);
  --header-height: 5rem;
  --transition: 180ms ease;
}