:root {
  --mu-color-scheme: light;
  --mu-bg: #ffffff;
  --mu-surface: #f4f4f5;
  --mu-border: #d4d4d8;
  --mu-text: #18181b;
  --mu-muted: #52525b;
  --mu-accent: #2563eb;
  --mu-accent-text: #ffffff;
  --mu-danger: #b91c1c;
  --mu-success: #15803d;
  --mu-warning: #a16207;
  --mu-focus-ring: 0 0 0 2px #2563eb;
  --mu-radius: 6px;
  --mu-space-1: 4px;
  --mu-space-2: 8px;
  --mu-space-3: 12px;
  --mu-space-4: 16px;
  --mu-space-5: 24px;
  --mu-space-6: 32px;
  --mu-space-7: 48px;
  --mu-space-8: 64px;
  --mu-text-xs: 12px;
  --mu-text-sm: 13px;
  --mu-text-base: 14px;
  --mu-text-md: 16px;
  --mu-text-lg: 20px;
  --mu-text-xl: 24px;
  --mu-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --mu-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --mu-icon-size: 32px;
  --mu-layout: grid;
  --mu-heading-transform: none;
  --mu-duration: 150ms;
  color-scheme: var(--mu-color-scheme);
}
@media (prefers-reduced-motion: reduce) { :root { --mu-duration: 0ms; } }
@media (prefers-color-scheme: dark) {
:root {
  --mu-color-scheme: dark;
  --mu-bg: #18181b;
  --mu-surface: #232326;
  --mu-border: #3f3f46;
  --mu-text: #f4f4f5;
  --mu-muted: #a1a1aa;
  --mu-accent: #60a5fa;
  --mu-accent-text: #0b1220;
  --mu-danger: #f87171;
  --mu-success: #4ade80;
  --mu-warning: #facc15;
  --mu-focus-ring: 0 0 0 2px #60a5fa;
  --mu-radius: 6px;
  --mu-space-1: 4px;
  --mu-space-2: 8px;
  --mu-space-3: 12px;
  --mu-space-4: 16px;
  --mu-space-5: 24px;
  --mu-space-6: 32px;
  --mu-space-7: 48px;
  --mu-space-8: 64px;
  --mu-text-xs: 12px;
  --mu-text-sm: 13px;
  --mu-text-base: 14px;
  --mu-text-md: 16px;
  --mu-text-lg: 20px;
  --mu-text-xl: 24px;
  --mu-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --mu-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --mu-icon-size: 32px;
  --mu-layout: grid;
  --mu-heading-transform: none;
  --mu-duration: 150ms;
  color-scheme: var(--mu-color-scheme);
}
@media (prefers-reduced-motion: reduce) { :root { --mu-duration: 0ms; } }
}