:root {
  color-scheme: light;
  --dr-color-brand-950: #071827;
  --dr-color-brand-900: #0b2033;
  --dr-color-brand-800: #103550;
  --dr-color-brand-700: #0c5f8f;
  --dr-color-brand-600: #0e75a8;
  --dr-color-brand-500: #38a6dc;
  --dr-color-brand-400: #58b9e9;
  --dr-color-brand-300: #8bd5f5;
  --dr-color-brand-100: #dff4fd;
  --dr-color-brand-50: #f2faff;

  --dr-color-neutral-950: #112433;
  --dr-color-neutral-700: #435766;
  --dr-color-neutral-600: #5f7280;
  --dr-color-neutral-500: #7b8c98;
  --dr-color-neutral-300: #c7d3dc;
  --dr-color-neutral-200: #d8e2ea;
  --dr-color-neutral-100: #eaf0f5;
  --dr-color-neutral-50: #f6f9fc;
  --dr-color-white: #ffffff;

  --dr-color-success-700: #147d64;
  --dr-color-success-100: #dff6ef;
  --dr-color-warning-700: #9a4d00;
  --dr-color-warning-100: #fff0d8;
  --dr-color-danger-700: #b42318;
  --dr-color-danger-100: #fee4e2;
  --dr-color-info-700: #1668c1;
  --dr-color-info-100: #e2efff;

  --dr-bg-canvas: var(--dr-color-neutral-50);
  --dr-bg-surface: var(--dr-color-white);
  --dr-bg-subtle: #f0f5f9;
  --dr-text-primary: var(--dr-color-neutral-950);
  --dr-text-secondary: var(--dr-color-neutral-700);
  --dr-text-muted: var(--dr-color-neutral-600);
  --dr-border-default: var(--dr-color-neutral-200);
  --dr-border-strong: var(--dr-color-neutral-300);
  --dr-action-primary: var(--dr-color-brand-900);
  --dr-action-primary-hover: var(--dr-color-brand-800);
  --dr-focus-ring: #58b9e9;

  --dr-font-sans: Inter, "Segoe UI", Arial, sans-serif;
  --dr-font-display: Sora, Inter, "Segoe UI", Arial, sans-serif;
  --dr-font-mono: "JetBrains Mono", Consolas, monospace;
  --dr-text-xs: 0.75rem;
  --dr-text-sm: 0.875rem;
  --dr-text-md: 1rem;
  --dr-text-lg: 1.125rem;
  --dr-text-xl: 1.375rem;
  --dr-text-2xl: 1.75rem;
  --dr-text-3xl: 2.25rem;

  --dr-space-1: 0.25rem;
  --dr-space-2: 0.5rem;
  --dr-space-3: 0.75rem;
  --dr-space-4: 1rem;
  --dr-space-5: 1.25rem;
  --dr-space-6: 1.5rem;
  --dr-space-8: 2rem;
  --dr-space-10: 2.5rem;
  --dr-space-12: 3rem;

  --dr-radius-sm: 0.5rem;
  --dr-radius-md: 0.75rem;
  --dr-radius-lg: 1rem;
  --dr-radius-xl: 1.5rem;
  --dr-radius-pill: 999px;
  --dr-shadow-sm: 0 1px 2px rgb(7 24 39 / 0.06);
  --dr-shadow-md: 0 12px 30px rgb(7 24 39 / 0.10);
  --dr-shadow-lg: 0 24px 70px rgb(7 24 39 / 0.14);
  --dr-control-height: 2.75rem;
  --dr-content-max: 90rem;
  --dr-sidebar-width: 17rem;
  --dr-motion-fast: 120ms;
  --dr-motion-base: 200ms;
}

[data-theme="dark"] {
  color-scheme: dark;
  --dr-bg-canvas: #07131f;
  --dr-bg-surface: #0b2033;
  --dr-bg-subtle: #10304a;
  --dr-text-primary: #f5fbff;
  --dr-text-secondary: #c7d9e5;
  --dr-text-muted: #a8bdcb;
  --dr-border-default: #28465d;
  --dr-border-strong: #3a5c73;
  --dr-action-primary: #70c8f0;
  --dr-action-primary-hover: #8bd5f5;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}