:root {
  --color-ink: #061735;
  --color-ink-2: #0c2147;
  --color-navy: #041128;
  --color-navy-2: #071b3b;
  --color-navy-3: #0a2751;
  --color-blue: #168cff;
  --color-blue-2: #20b4ff;
  --color-blue-readable: #0b6fc9;
  --color-blue-readable-2: #075ca9;
  --color-cyan: #19e5e0;
  --color-cyan-soft: #78f2ee;
  --color-white: #ffffff;
  --color-bg: #f5f8fc;
  --color-surface: #ffffff;
  --color-muted: #52667e;
  --color-muted-strong: #445a72;
  --color-border: #d9e2ef;
  --color-border-dark: rgba(118, 176, 255, .22);
  --focus-color: #0b6fc9;

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

  --container: 76rem;
  --container-wide: 88rem;
  --gutter: clamp(1.25rem, 3.6vw, 3rem);
  --section-space: clamp(5rem, 9vw, 8.5rem);

  --radius-sm: .65rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;

  --shadow-soft: 0 20px 60px rgba(9, 30, 66, .08);
  --shadow-blue: 0 18px 50px rgba(22, 140, 255, .22);

  --ease: cubic-bezier(.2, .75, .25, 1);
  --header-h: 5.5rem;
}