/* Generated by build/New-DeadLoadTokens.ps1 from design/tokens.json; do not edit. */

:root {
  color-scheme: light dark;
  --dl-color-brand-navy: #0B3B6F;
  --dl-color-brand-blue: #0078D4;
  --dl-color-slate: #334155;
  --dl-color-concrete: #E5E7EB;
  --dl-color-canvas: #F8FAFC;
  --dl-color-card: #FFFFFF;
  --dl-color-raised: #FFFFFF;
  --dl-color-border: #E5E7EB;
  --dl-color-text-primary: #0F172A;
  --dl-color-text-secondary: #475569;
  --dl-color-text-muted: #64748B;
  --dl-color-success: #15803D;
  --dl-color-warning: #B45309;
  --dl-color-danger: #B91C1C;
  --dl-color-focus-ring: #0078D4;
  --dl-color-on-brand: #FFFFFF;
  --dl-font-app: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", sans-serif;
  --dl-font-app-display: "Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", sans-serif;
  --dl-font-web: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --dl-font-mono: "Cascadia Code", Consolas, monospace;
  --dl-weight-regular: 400;
  --dl-weight-semibold: 600;
  --dl-weight-bold: 700;
  --dl-size-app-caption: 12px;
  --dl-size-app-body: 14px;
  --dl-size-app-subtitle: 16px;
  --dl-size-app-title: 20px;
  --dl-size-app-headline: 28px;
  --dl-size-app-page-title: 24px;
  --dl-size-web-caption: 14px;
  --dl-size-web-body: 16px;
  --dl-size-web-h3: 20px;
  --dl-size-web-h2: 32px;
  --dl-size-web-hero: 52px;
  --dl-space-0: 0px;
  --dl-space-1: 4px;
  --dl-space-2: 8px;
  --dl-space-3: 12px;
  --dl-space-4: 16px;
  --dl-space-5: 24px;
  --dl-space-6: 32px;
  --dl-space-7: 48px;
  --dl-space-8: 64px;
  --dl-radius-control: 6px;
  --dl-radius-card: 10px;
  --dl-border-width: 1px;
  --dl-focus-width: 2px;
  --dl-focus-offset: 2px;
  --dl-control-height: 36px;
  --dl-control-height-primary: 40px;
  --dl-motion-fast-ms: 120ms;
  --dl-motion-base-ms: 180ms;
  --dl-layout-web-max-width: 1160px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --dl-color-brand-navy: #0B3B6F;
    --dl-color-brand-blue: #60A5FA;
    --dl-color-slate: #CBD5E1;
    --dl-color-concrete: #334155;
    --dl-color-canvas: #0F172A;
    --dl-color-card: #1E293B;
    --dl-color-raised: #263449;
    --dl-color-border: #475569;
    --dl-color-text-primary: #F1F5F9;
    --dl-color-text-secondary: #CBD5E1;
    --dl-color-text-muted: #94A3B8;
    --dl-color-success: #4ADE80;
    --dl-color-warning: #FBBF24;
    --dl-color-danger: #F87171;
    --dl-color-focus-ring: #60A5FA;
    --dl-color-on-brand: #0F172A;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --dl-color-brand-navy: #0B3B6F;
  --dl-color-brand-blue: #60A5FA;
  --dl-color-slate: #CBD5E1;
  --dl-color-concrete: #334155;
  --dl-color-canvas: #0F172A;
  --dl-color-card: #1E293B;
  --dl-color-raised: #263449;
  --dl-color-border: #475569;
  --dl-color-text-primary: #F1F5F9;
  --dl-color-text-secondary: #CBD5E1;
  --dl-color-text-muted: #94A3B8;
  --dl-color-success: #4ADE80;
  --dl-color-warning: #FBBF24;
  --dl-color-danger: #F87171;
  --dl-color-focus-ring: #60A5FA;
  --dl-color-on-brand: #0F172A;
}

:root[data-theme="light"] {
  color-scheme: light;
}

@media (forced-colors: active) {
  :root {
    --dl-color-brand-navy: CanvasText;
    --dl-color-brand-blue: LinkText;
    --dl-color-slate: CanvasText;
    --dl-color-concrete: GrayText;
    --dl-color-canvas: Canvas;
    --dl-color-card: Canvas;
    --dl-color-raised: Canvas;
    --dl-color-border: CanvasText;
    --dl-color-text-primary: CanvasText;
    --dl-color-text-secondary: CanvasText;
    --dl-color-text-muted: CanvasText;
    --dl-color-success: CanvasText;
    --dl-color-warning: CanvasText;
    --dl-color-danger: CanvasText;
    --dl-color-focus-ring: Highlight;
    --dl-color-on-brand: ButtonText;
  }
}