/* Generated from design-tokens.json by src/build.mjs. */
:root {
  --bs-navy: #163B65;
  --bs-blue: #215C9C;
  --bs-blue-hover: #174879;
  --bs-blue-soft: #EAF2FA;
  --bs-white: #FFFFFF;
  --bs-canvas: #F4F7FB;
  --bs-ink: #18324B;
  --bs-muted: #50657B;
  --bs-line: #C7D4E2;
  --bs-border-strong: #6C8198;
  --bs-orange: #F78C2B;
  --bs-orange-ink: #713C00;
  --bs-orange-soft: #FFF1E4;
  --bs-success: #176448;
  --bs-success-soft: #EAF6EF;
  --bs-danger: #B42332;
  --bs-danger-soft: #FDECEF;
  --bs-warning: #855300;
  --bs-warning-soft: #FFF4D6;
  --bs-focus: #215C9C;
  --bs-font: "Segoe UI", Arial, sans-serif;
  --bs-text-caption: 14px;
  --bs-text-body: 16px;
  --bs-text-lead: 18px;
  --bs-text-h3: 20px;
  --bs-text-h2: 28px;
  --bs-text-h1: 40px;
  --bs-text-display: 56px;
  --bs-slide-cover: 44pt;
  --bs-slide-title: 36pt;
  --bs-slide-body: 24pt;
  --bs-slide-label: 22pt;
  --bs-slide-footnote: 16pt;
  --bs-line-body: 1.5;
  --bs-line-heading: 1.15;
  --bs-grid-gap: 24px;
  --bs-max-width: 1200px;
  --bs-mobile-padding: 16px;
  --bs-space-xs: 4px;
  --bs-space-sm: 8px;
  --bs-space-md: 12px;
  --bs-space-lg: 16px;
  --bs-space-xl: 24px;
  --bs-space-xxl: 32px;
  --bs-space-section: 48px;
  --bs-space-hero: 64px;
  --bs-touch: 48px;
  --bs-radius: 16px;
  --bs-control-radius: 8px;
}