/* GENERATED from DESIGN.md by design-theme.sh — do not edit by hand. */
:root {
  --color-ground: #ffffff;
  --color-surface: #f7f8fa;
  --color-ink: #10131a;
  --color-ink-soft: #545a67;
  --color-ink-faint: #6b7280;
  --color-line: #e4e7ec;
  --color-line-strong: #cbd1da;
  --color-primary: #1f45c9;
  --color-primary-soft: #ebf0fc;
  --color-primary-ink: #17359e;
  --color-primary-on-dark: #8faaf5;
  --color-on-primary: #ffffff;
  --color-warn: #8a5300;
  --color-warn-soft: #fdf5e6;
  --color-danger: #a4231a;
  --color-danger-soft: #fdf1f0;
  --color-dark: #10131a;
  --color-dark-2: #1a1e27;
  --color-dark-line: #2a2f3a;
  --color-dark-soft: #b8c4bf;
  --font-display: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display-phone: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-hero: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-headline: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-headline-phone: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-lead: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-lead-phone: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body-md: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-small: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-label: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-desk-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --text-display: 48px;
  --text-display-phone: 34px;
  --text-hero: 52px;
  --text-headline: 32px;
  --text-headline-phone: 26px;
  --text-lead: 17px;
  --text-lead-phone: 16px;
  --text-body-md: 15px;
  --text-small: 14px;
  --text-label: 12px;
  --text-desk-body: 14px;
  --tracking-display: -0.025em;
  --tracking-display-phone: -0.025em;
  --tracking-hero: -0.025em;
  --tracking-headline: -0.02em;
  --tracking-headline-phone: -0.02em;
  --tracking-label: 0.08em;
  --font-weight-display: 600;
  --font-weight-display-phone: 600;
  --font-weight-hero: 700;
  --font-weight-headline: 600;
  --font-weight-headline-phone: 600;
  --font-weight-lead: 400;
  --font-weight-lead-phone: 400;
  --font-weight-body-md: 400;
  --font-weight-small: 400;
  --font-weight-label: 600;
  --font-weight-desk-body: 400;
  --radius-control: 6px;
  --radius-container: 8px;
  --radius-pill: 999px;
  --spacing-nav: 64px;
}