/* AUTO-GENERATED FILE. DO NOT EDIT DIRECTLY. */
/* Generated from design/tokens/tokens.json */

:root {
  --ds-color-brand-primary: #1459C6;
  --ds-color-brand-primary-hover: #0F4BAB;
  --ds-color-brand-secondary: #0B5D5E;
  --ds-color-brand-secondary-hover: #094E4F;
  --ds-color-surface-page: #F3F6FB;
  --ds-color-surface-raised: #FFFFFF;
  --ds-color-surface-sunken: #E8EDF7;
  --ds-color-surface-inverse: #0F172A;
  --ds-color-text-primary: #111827;
  --ds-color-text-secondary: #475569;
  --ds-color-text-muted: #64748B;
  --ds-color-text-inverse: #F8FAFC;
  --ds-color-state-success: #137333;
  --ds-color-state-warning: #B45309;
  --ds-color-state-danger: #B42318;
  --ds-color-state-info: #1D4ED8;
  --ds-color-border-subtle: #D5DEEA;
  --ds-color-border-strong: #9BA9BD;
  --ds-color-focus-ring: #2563EB;
  --ds-color-overlay: rgba(15, 23, 42, 0.56);
  --ds-font-family-heading: "Segoe UI", system-ui, sans-serif;
  --ds-font-family-body: "Segoe UI", system-ui, sans-serif;
  --ds-font-size-display: 2.25rem;
  --ds-font-size-h1: 1.875rem;
  --ds-font-size-h2: 1.5rem;
  --ds-font-size-title: 1.25rem;
  --ds-font-size-body: 1rem;
  --ds-font-size-label: 0.875rem;
  --ds-font-size-caption: 0.75rem;
  --ds-line-height-display: 1.2;
  --ds-line-height-h1: 1.25;
  --ds-line-height-h2: 1.3;
  --ds-line-height-title: 1.35;
  --ds-line-height-body: 1.5;
  --ds-line-height-label: 1.4;
  --ds-line-height-caption: 1.35;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-bold: 700;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 40px;
  --ds-space-8: 48px;
  --ds-radius-sm: 6px;
  --ds-radius-md: 10px;
  --ds-radius-lg: 14px;
  --ds-radius-xl: 20px;
  --ds-elevation-0: none;
  --ds-elevation-1: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ds-elevation-2: 0 4px 10px rgba(15, 23, 42, 0.12);
  --ds-elevation-3: 0 10px 24px rgba(15, 23, 42, 0.14);
  --ds-elevation-4: 0 18px 42px rgba(15, 23, 42, 0.18);
  --ds-duration-fast: 120ms;
  --ds-duration-normal: 180ms;
  --ds-duration-slow: 280ms;
  --ds-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ds-easing-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
}

:root {
  --bs-primary: var(--ds-color-brand-primary);
  --bs-primary-rgb: 20, 89, 198;
  --bs-link-color: var(--ds-color-brand-primary);
  --bs-link-hover-color: var(--ds-color-brand-primary-hover);
  --bs-danger: var(--ds-color-state-danger);
  --bs-success: var(--ds-color-state-success);
  --bs-warning: var(--ds-color-state-warning);
  --bs-info: var(--ds-color-state-info);
}