/* Generated from design-system/tokens.json. Do not edit. */
:root {
  --ds-color-brand-primary: #0052ff;
  --ds-color-brand-hover: #003ecc;
  --ds-color-brand-soft: #eef3ff;
  --ds-color-accent: #0052ff;
  --ds-color-surface: #ffffff;
  --ds-color-surface-muted: #f5f7ff;
  --ds-color-surface-inset: #edf1ff;
  --ds-color-text-primary: #28365b;
  --ds-color-text-secondary: #56617b;
  --ds-color-text-inverse: #ffffff;
  --ds-color-border: #dce3f3;
  --ds-color-border-strong: #7783a0;
  --ds-color-success: #22663c;
  --ds-color-success-soft: #eaf5ec;
  --ds-color-warning: #81540e;
  --ds-color-warning-soft: #fff3d7;
  --ds-color-danger: #a33235;
  --ds-color-danger-soft: #fff0ef;
  --ds-color-info: #315b8b;
  --ds-color-info-soft: #edf3fc;
  --ds-color-focus: #0052ff;
  --ds-color-overlay: #637ab866;
  --ds-color-navy: #edf1ff;
  --ds-color-on-navy: #28365b;
  --ds-color-on-navy-muted: #56617b;
  --ds-color-peach: #fff0e6;
  --ds-color-lavender: #eee8ff;
  --ds-color-yellow: #fff5cc;
  --ds-color-mint: #e3f6ff;
  --ds-color-on-tint: #28365b;
  --ds-color-link: #0049e6;
  --ds-color-brand-ink: #0052ff;
  --ds-color-dark-elevated: #ffffff;
  --ds-color-on-dark-accent: #0052ff;
  --ds-color-dark-inset: #edf1ff;
  --ds-color-dark-border: #dce3f3;
  --ds-color-dark-border-strong: #7783a0;
  --ds-color-dark-brand-soft: #eef3ff;
  --ds-typography-font-family: 'Inter Variable', -apple-system, system-ui, 'Segoe UI', sans-serif;
  --ds-typography-font-mono: 'Geist Mono Variable', ui-monospace, monospace;
  --ds-typography-reading-width: 65ch;
  --ds-typography-display-size: clamp(2.5rem, 5.6vw, 5rem);
  --ds-typography-display-line-height: 1;
  --ds-typography-display-weight: 400;
  --ds-typography-display-tracking: -0.025em;
  --ds-typography-h1-size: clamp(2.5rem, 5vw, 4rem);
  --ds-typography-h1-line-height: 1.04;
  --ds-typography-h1-weight: 400;
  --ds-typography-h1-tracking: -0.025em;
  --ds-typography-h2-size: clamp(2rem, 4vw, 3.25rem);
  --ds-typography-h2-line-height: 1.08;
  --ds-typography-h2-weight: 400;
  --ds-typography-h2-tracking: -0.025em;
  --ds-typography-h3-size: 2rem;
  --ds-typography-h3-line-height: 1.13;
  --ds-typography-h3-weight: 400;
  --ds-typography-h3-tracking: -0.0125em;
  --ds-typography-body-large-size: 1.125rem;
  --ds-typography-body-large-line-height: 1.5;
  --ds-typography-body-large-weight: 400;
  --ds-typography-body-large-tracking: 0em;
  --ds-typography-body-size: 1rem;
  --ds-typography-body-line-height: 1.5;
  --ds-typography-body-weight: 400;
  --ds-typography-body-tracking: 0em;
  --ds-typography-small-size: 0.875rem;
  --ds-typography-small-line-height: 1.5;
  --ds-typography-small-weight: 400;
  --ds-typography-small-tracking: 0em;
  --ds-typography-label-size: 0.8125rem;
  --ds-typography-label-line-height: 1.45;
  --ds-typography-label-weight: 650;
  --ds-typography-label-tracking: 0.02em;
  --ds-typography-button-size: 1rem;
  --ds-typography-button-line-height: 1.15;
  --ds-typography-button-weight: 600;
  --ds-typography-button-tracking: 0em;
  --ds-spacing-0: 0;
  --ds-spacing-1: 0.25rem;
  --ds-spacing-2: 0.5rem;
  --ds-spacing-3: 0.75rem;
  --ds-spacing-4: 1rem;
  --ds-spacing-5: 1.25rem;
  --ds-spacing-6: 1.5rem;
  --ds-spacing-8: 2rem;
  --ds-spacing-10: 2.5rem;
  --ds-spacing-12: 3rem;
  --ds-spacing-16: 4rem;
  --ds-spacing-20: 5rem;
  --ds-spacing-24: 6rem;
  --ds-spacing-section: 6rem;
  --ds-spacing-section-mobile: 3rem;
  --ds-radius-sm: 0.5rem;
  --ds-radius-md: 0.75rem;
  --ds-radius-lg: 1.5rem;
  --ds-radius-xl: 1.5rem;
  --ds-radius-pill: 100px;
  --ds-radius-xs: 0.25rem;
  --ds-shadow-sm: none;
  --ds-shadow-card: 0 8px 24px #4761a30a;
  --ds-shadow-overlay: 0 16px 56px #4761a31f;
  --ds-motion-fast: 150ms;
  --ds-motion-normal: 200ms;
  --ds-motion-slow: 380ms;
  --ds-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --ds-motion-reduced: 0.01ms;
  --ds-z-index-base: 0;
  --ds-z-index-sticky: 10;
  --ds-z-index-navigation: 20;
  --ds-z-index-tooltip: 30;
  --ds-z-index-toast: 40;
  --ds-z-index-modal: 50;
  --ds-breakpoints-mobile: 360px;
  --ds-breakpoints-tablet: 768px;
  --ds-breakpoints-desktop: 1024px;
  --ds-breakpoints-wide: 1280px;
  --ds-layout-max-width: 75rem;
  --ds-layout-sidebar: 15rem;
  --ds-layout-sidebar-compact: 5rem;
  --ds-layout-context: 19rem;
  --ds-layout-control-height: 2.75rem;
  --ds-layout-gutter: 2rem;
  --ds-layout-gutter-mobile: 1rem;
  --ds-layout-nav-height: 4rem;
  --ds-states-disabled-opacity: 0.48;
  --ds-states-focus-width: 3px;
  --ds-states-focus-offset: 3px;
  --ds-states-loading-opacity: 0.7;
  color-scheme: light;
}