:root {
  --ink: #142033;
  --muted: #3e5168;
  --faint: #5a6f86;
  --line: color-mix(in srgb, #0b4380 10%, transparent);
  --navy: #0b4380;
  --navy-deep: #072c54;
  --blue: #1d6fb8;
  --teal: #1f8a82;
  --lime: #b7c85a;
  --lime-ink: #4f5c18;
  --sand: #efe6c8;
  --bg: #f4f6f2;
  --paper: #fbfcf8;
  --raised: #ffffff;
  --shadow: 0 18px 50px color-mix(in srgb, #0b4380 10%, transparent);
  --shadow-sm: 0 8px 24px color-mix(in srgb, #0b4380 8%, transparent);
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 28px;
  --r-xl: 40px;
  --pad: clamp(20px, 4vw, 48px);
  --w: 1240px;
  --display: clamp(2.75rem, 4.4vw + 1.4rem, 5rem);
  --h2: clamp(1.7rem, 2.4vw + 1rem, 2.7rem);
  --h3: 1.15rem;
  --body: 1.05rem;
  --small: 0.875rem;
  --lead: 1.125rem;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --t: 180ms;
  --font: "Manrope", system-ui, sans-serif;
}
@media (prefers-reduced-motion: reduce) {
  :root { --t: 0.01ms; }
}