/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-surface: #ffffff; /** PRIMARY page surface. The brand is white-dominant (owner decision, 2026-08-20): the logo scores 7.90:1 on white vs 1.66:1 on navy, because `navy` was sampled from the logo's own darkest tone — 38% of the logo's pixels are luminance-indistinguishable from a navy background. */
  --color-surface-subtle: #f5f7fb; /** Secondary light surface for alternating sections. DERIVED, not sampled: `navy` tinted 4% over white, giving a cool light tone that sits in the same temperature family as the logo blues. */
  --color-paper: #f4f2ec; /** Warm off-white retained from the original website theme. NOT the default surface any more — it runs warm against the logo's cool blues. Use only where a deliberately warm, editorial tone is wanted. */
  --color-ink: #101820; /** Body text on light surfaces. 17.9:1 on white. */
  --color-navy: #042486; /** Dark brand blue, sampled from the real logo's shadow/underside layer. Headline color on light surfaces (13.1:1 on white) and the fill for sparing dark blocks (footer, closing band). Do NOT place the logo on this color — see `surface`. */
  --color-navy-2: #07298c; /** Gradient partner for `navy` inside dark blocks only. DERIVED (25% blend of navy toward the logo's mid-tone ribbon), not a raw sample: the logo's own mid/bright tones are too close to navy in luminance to pair with it. */
  --color-blue: #2052b5; /** Bright brand blue, sampled from the logo's top-lit ribbon highlight. Links, eyebrows, large figures, accents ON LIGHT — 7.15:1 on white, so it is safe for text here. Never use it for small text on `navy` (1.83:1). */
  --color-blue-light: #7aa0cb; /** Light accent blue, sampled from the logo's arrow. On light surfaces this is DECORATIVE ONLY (2.72:1 on white — hairlines, fills, shapes, never text). On dark surfaces it is the safe small-text color (4.8:1 on navy). */
  --color-white: #ffffff; /** Text and surfaces on dark blocks. Same value as `surface`; kept as a separate role so intent is readable in templates. */
  --color-muted: #657079; /** Secondary text on light surfaces. 5.06:1 on white. */
  --color-line: rgba(16,24,32,0.16); /** Hairline borders and dividers on light surfaces. */
  --color-error: #8a1c1c; /** Accessible error text on white surfaces; paired with error copy/icon, never color alone. */
  --radius-base: 3px; /** Default corner radius */
  --shell-max-width: min(1280px, calc(100vw - 72px)); /** Page content max-width */
  --font-display: "Manrope", sans-serif; /** Headings, brand name, large stats */
  --font-body: "DM Sans", sans-serif; /** Body copy, nav, UI text */
}