/* GENERATED from src/tokens.json by src/build.mjs. Do not edit.
 * Custom-property names come from CSS_VAR_MAP in src/build-core.mjs.
 *
 * --bp-breakpoint-narrow is read by js/nav.js through getComputedStyle, not by any CSS
 * rule: the two navs are different markup, so the swap is JS. Do not delete as unused.
 */

:root {
  --bp-font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bp-radius-sm: 6px;
  --bp-radius-md: 7px;
  --bp-radius-lg: 8px;
  --bp-radius-xl: 10px;
  --bp-radius-xxl: 12px;
  --bp-radius-pill: 999px;
  --bp-ink-base: #0F2340;
  --bp-ink-body: #40536E;
  --bp-ink-muted: #5A6B82;
  --bp-ink-faint: #8CA6CC;
  --bp-ink-on-navy: #FFFFFF;
  --bp-ink-on-navy-soft: #B9CEEC;
  --bp-accent-base: #1B4FA0;
  --bp-accent-on-tint: #16407F;
  --bp-accent-tint: #E8EFF9;
  --bp-accent-tint-border: #B9CEEC;
  --bp-surface-paper: #FFFFFF;
  --bp-surface-sunken: #F5F7FA;
  --bp-surface-navy: #0F2340;
  --bp-surface-header: rgba(255,255,255,.94);
  --bp-line-hairline: #E1E7EF;
  --bp-line-strong: #C9D3E0;
  --bp-line-on-navy: rgba(255,255,255,.12);
  --bp-line-on-navy-soft: rgba(255,255,255,.16);
  --bp-line-lightbox-tool: rgba(255,255,255,.28);
  --bp-scrim: rgba(15,35,64,.94);
  --bp-lightbox-tool: rgba(255,255,255,.1);
  --bp-lightbox-tool-hover: rgba(255,255,255,.2);
  --bp-state-live: #17795E;
  --bp-state-live-on-navy: #7FB8A0;
  --bp-state-ok-text: #14684F;
  --bp-state-ok-bg: #E9F4EF;
  --bp-state-ok-border: #A9D2C1;
  --bp-state-error-text: #8A2318;
  --bp-state-error-bg: #FBEDEB;
  --bp-state-error-border: #E9BFB8;
  --bp-elev-card: 0 2px 6px -3px rgba(15,35,64,.1);
  --bp-elev-cta: 0 8px 20px -12px rgba(15,35,64,.5);
  --bp-elev-cta-hover: 0 12px 26px -12px rgba(27,79,160,.55);
  --bp-motion-base: 160ms;
  --bp-motion-slow: 180ms;
  --bp-container-max: 1200px;
  --bp-container-pad: clamp(18px,3.5vw,44px);
  --bp-section-pad: clamp(30px,4vw,54px);
  --bp-grid-gap: 12px;
  --bp-split-gap: clamp(20px,3vw,44px);
  --bp-measure-body: 66ch;
  --bp-measure-lede: 62ch;
  --bp-control-h: 46px;
  --bp-control-pad: 15px 20px;
  --bp-control-pad-primary: 16px 22px;
  --bp-header-h: 66px;
  --bp-blur-header: 10px;
  --bp-z-header: 60;
  --bp-z-rail: 40;
  --bp-breakpoint-narrow: 820px;

  --bp-type-display: 600 clamp(32px,5.2vw,64px)/1.08 var(--bp-font-sans);
  --bp-type-display-track: -.03em;
  --bp-type-h1-product: 600 clamp(30px,4.8vw,58px)/1.06 var(--bp-font-sans);
  --bp-type-h2-page: 600 clamp(22px,2.6vw,32px)/1.14 var(--bp-font-sans);
  --bp-type-h2-section: 600 clamp(22px,2.5vw,30px)/1.16 var(--bp-font-sans);
  --bp-type-h2-narrative: 600 clamp(21px,2.4vw,29px)/1.16 var(--bp-font-sans);
  --bp-type-h3-product: 600 clamp(24px,2.9vw,34px)/1.1 var(--bp-font-sans);
  --bp-type-h3-sub: 600 clamp(18px,2vw,22px)/1.24 var(--bp-font-sans);
  --bp-type-lede: 400 clamp(17px,1.6vw,21px)/1.6 var(--bp-font-sans);
  --bp-type-body: 400 17px/1.74 var(--bp-font-sans);
  --bp-type-body-sm: 400 16.5px/1.74 var(--bp-font-sans);
  --bp-type-meta: 400 15.5px/1.7 var(--bp-font-sans);
  --bp-type-caption: 400 13.5px/1.65 var(--bp-font-sans);
  --bp-type-control: 600 15px/1 var(--bp-font-sans);
  --bp-type-eyebrow: 600 12px/1 var(--bp-font-sans);
  --bp-type-label: 600 11px/1 var(--bp-font-sans);
  --bp-type-tag: 500 11.5px/1 var(--bp-font-sans);
  --bp-type-h1-product-lg: 600 clamp(32px,5.4vw,64px)/1.04 var(--bp-font-sans);

  --bp-track-tight: -.028em;
  --bp-track-h2: -.026em;
  --bp-track-h3: -.02em;
  --bp-track-eyebrow: .09em;
  --bp-track-label: .08em;
  --bp-track-tag: .05em;
}