/* First Outcomes — design tokens. Source of truth; mirror changes in docs/DESIGN_SYSTEM.md */
@font-face {
  font-family: "Nunito Sans";
  src: url("../fonts/nunito-sans-latin-wght.woff2") format("woff2");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}
/* Metric-matched fallback keeps swap-in from shifting layout */
@font-face {
  font-family: "Nunito Sans Fallback";
  src: local("Arial");
  size-adjust: 103%;
  ascent-override: 100%;
  descent-override: 28%;
  line-gap-override: 0%;
}

:root {
  /* colour */
  --navy: #0c1a4b;
  --ink: #46527a;
  --ink-muted: #66739a;
  --blue: #0b6fdc;
  --blue-hover: #0a5cb8;
  --blue-500: #3b8def;
  --blue-300: #9cc3f5;
  --blue-200: #cfe2fb;
  --blue-100: #e6f0fd;
  --blue-50: #f3f8ff;
  --line: #e4ebf6;
  --line-strong: #d3def0;
  --green: #17a673;
  --green-50: #e3f6ee;
  --white: #fff;

  /* type */
  --font: "Nunito Sans", "Nunito Sans Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-h1: clamp(2.2rem, 1.35rem + 4vw, 4.375rem);
  --fs-h2: clamp(1.875rem, 1.45rem + 1.7vw, 2.875rem);
  --fs-h3: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.75rem;

  /* layout */
  --container: 1200px;
  --gutter: clamp(20px, 5vw, 48px);
  --section-y: clamp(72px, 9vw, 128px);
  --head-gap: clamp(40px, 5vw, 64px);
  --header-h: 68px;

  /* shape + depth */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 28px;
  --shadow-1: 0 1px 2px rgba(12, 26, 75, 0.04), 0 6px 20px rgba(12, 26, 75, 0.05);
  --shadow-2: 0 2px 4px rgba(12, 26, 75, 0.04), 0 18px 44px rgba(11, 111, 220, 0.09);

  /* motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 500ms;
}

@media (min-width: 900px) {
  :root { --header-h: 76px; }
}