/* GENERATED from tokens.json — do not edit by hand; run: node scripts/tokens-to-css.mjs */

:root {
  --dl-color-brand-navy: hsl(218 44% 18%);
  --dl-color-brand-paper: hsl(210 40% 98%);
  --dl-color-brand-slate: hsl(215 16% 47%);
  --dl-color-brand-amber: hsl(38 92% 50%);
  --dl-color-brand-amber-bright: hsl(43 96% 56%);
  --dl-color-brand-destructive: hsl(0 72% 51%);
  --dl-color-brand-blue: #0085FF;
  --dl-color-topo-deep: hsl(218 44% 18%);
  --dl-color-topo-ocean: hsl(215 45% 35%);
  --dl-color-topo-shore: hsl(215 35% 45%);
  --dl-color-topo-lowland: hsl(215 16% 47%);
  --dl-color-topo-highland: hsl(30 25% 45%);
  --dl-color-topo-mountain: hsl(30 30% 55%);
  --dl-color-topo-peak: hsl(30 35% 65%);
  --dl-color-topo-snow: hsl(210 40% 98%);
  --dl-color-app-accent-blue: #0085FF;
  --dl-color-app-sidebar-gradient: linear-gradient(167deg, #1A2744 0%, #0B1224 100%);
  --dl-color-app-sidebar-text: rgba(255, 255, 255, 0.84);
  --dl-color-app-sidebar-text-muted: rgba(255, 255, 255, 0.55);
  --dl-color-app-sidebar-active-bg: rgba(245, 158, 11, 0.18);
  --dl-color-app-sidebar-active-indicator: #ffffff;
  --dl-color-app-text-strong: #111827;
  --dl-color-app-text-muted: #4B5563;
  --dl-color-app-text-faint: #9CA3AF;
  --dl-color-app-status-success-fg: #0F7A0A;
  --dl-color-app-status-success-bg: #E4FFEC;
  --dl-color-app-status-error-fg: #DC2626;
  --dl-color-app-status-error-bg: #FEE2E2;
  --dl-color-app-status-warning-fg: #B45309;
  --dl-color-app-status-warning-bg: #FEF3C7;
  --dl-color-app-status-info-fg: #0085FF;
  --dl-color-app-status-info-bg: #E0F2FF;
  --dl-font-family-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --dl-font-family-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --dl-font-family-display: 'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --dl-font-scale-h1-size: 2.25rem;
  --dl-font-scale-h1-weight: 900;
  --dl-font-scale-h1-tracking: -0.05em;
  --dl-font-scale-h1-line-height: 1.1;
  --dl-font-scale-h2-size: 1.875rem;
  --dl-font-scale-h2-weight: 800;
  --dl-font-scale-h2-tracking: -0.04em;
  --dl-font-scale-h2-line-height: 1.15;
  --dl-font-scale-h3-size: 1.5rem;
  --dl-font-scale-h3-weight: 700;
  --dl-font-scale-h3-tracking: -0.03em;
  --dl-font-scale-h3-line-height: 1.2;
  --dl-font-scale-h4-size: 1.25rem;
  --dl-font-scale-h4-weight: 600;
  --dl-font-scale-h4-tracking: -0.02em;
  --dl-font-scale-h4-line-height: 1.3;
  --dl-font-scale-body-size: 1.125rem;
  --dl-font-scale-body-weight: 400;
  --dl-font-scale-body-tracking: 0;
  --dl-font-scale-body-line-height: 1.6;
  --dl-font-scale-eyebrow-size: 0.8125rem;
  --dl-font-scale-eyebrow-weight: 500;
  --dl-font-scale-eyebrow-tracking: 0.1em;
  --dl-font-scale-eyebrow-line-height: 1.4;
  --dl-font-scale-eyebrow-transform: uppercase;
  --dl-font-scale-eyebrow-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --dl-radius-base: 0.75rem;
  --dl-radius-card: 0.75rem;
  --dl-radius-button: 0.375rem;
  --dl-radius-badge: 9999px;
  --dl-layout-sidebar-width: 240px;
  --dl-layout-header-height: 3.5rem;
  --dl-layout-content-pad: 1.5rem;
  --dl-layout-content-pad-lg: 2rem;
  --dl-layout-content-max-width: 72rem;
  --dl-layout-html-font-size: 106.25%;
  --dl-layout-line-height: 1.55;
  --dl-motion-spinner-duration: 1.4s;
  --dl-motion-logo-tilt: 9deg;

  /* semantic (light) */
  --dl-bg: hsl(210 40% 98%);
  --dl-surface: #ffffff;
  --dl-surface-raised: #ffffff;
  --dl-fg: #111827;
  --dl-fg-muted: #4B5563;
  --dl-border: hsl(214 32% 91%);
  --dl-accent: hsl(38 92% 50%);
  --dl-accent-fg: #ffffff;
  --dl-link: #0085FF;
}

[data-theme="dark"] {
  --dl-bg: hsl(218 44% 18%);
  --dl-surface: hsl(218 44% 22%);
  --dl-surface-raised: hsl(218 42% 26%);
  --dl-fg: hsl(210 40% 98%);
  --dl-fg-muted: hsl(215 20% 72%);
  --dl-border: hsl(218 30% 30%);
  --dl-accent: hsl(43 96% 56%);
  --dl-accent-fg: hsl(218 44% 18%);
  --dl-link: hsl(43 96% 56%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --dl-bg: hsl(218 44% 18%);
    --dl-surface: hsl(218 44% 22%);
    --dl-surface-raised: hsl(218 42% 26%);
    --dl-fg: hsl(210 40% 98%);
    --dl-fg-muted: hsl(215 20% 72%);
    --dl-border: hsl(218 30% 30%);
    --dl-accent: hsl(43 96% 56%);
    --dl-accent-fg: hsl(218 44% 18%);
    --dl-link: hsl(43 96% 56%);
  }
}