/* GENERATED by design-system/build.ts — do not edit by hand. */
/* Source of truth: design-system/tokens.ts */
:root {
  /* palette */
  --ds-navy: #293964;
  --ds-blue: #0081BA;
  --ds-white: #FFFFFF;
  --ds-cloud: #F2F3F6;
  --ds-slate: #5F6B8B;

  /* semantic colors */
  --ds-text: #293964;
  --ds-text-muted: #5F6B8B;
  --ds-accent: #0081BA;
  --ds-bg: #FFFFFF;
  --ds-surface: #F2F3F6;
  --ds-on-accent: #FFFFFF;
  --ds-line: #E2E5ED;

  /* type */
  --ds-font-heading: 'Montserrat', system-ui, -apple-system, sans-serif;
  --ds-font-body: 'Inter', 'Open Sans', system-ui, -apple-system, sans-serif;
  --ds-weight-regular: 400;
  --ds-weight-medium: 500;
  --ds-weight-semibold: 600;
  --ds-weight-bold: 700;
  --ds-size-display: 108px;
  --ds-size-h1: 76px;
  --ds-size-h2: 56px;
  --ds-size-h3: 42px;
  --ds-size-body-lg: 36px;
  --ds-size-body: 30px;
  --ds-size-caption: 24px;
  --ds-size-fine: 20px;
  --ds-leading-tight: 1.08;
  --ds-leading-snug: 1.25;
  --ds-leading-normal: 1.45;

  /* space + radius */
  --ds-space-xs: 8px;
  --ds-space-sm: 16px;
  --ds-space-md: 24px;
  --ds-space-lg: 40px;
  --ds-space-xl: 64px;
  --ds-space-xxl: 96px;
  --ds-radius-sm: 8px;
  --ds-radius-md: 16px;
  --ds-radius-lg: 28px;
  --ds-radius-pill: 999px;
}