:root {
  color-scheme: dark;
  --mu-color-bg: #07050b;
  --mu-color-bg-elevated: #100b18;
  --mu-color-surface: rgba(18, 12, 28, 0.82);
  --mu-color-surface-strong: rgba(25, 16, 38, 0.94);
  --mu-color-border: rgba(255, 255, 255, 0.12);
  --mu-color-border-strong: rgba(182, 110, 255, 0.36);
  --mu-color-text: #f7f2ff;
  --mu-color-muted: #b9abc8;
  --mu-color-dim: #7d718a;
  --mu-color-primary: #b66eff;
  --mu-color-accent: #00d4ff;
  --mu-color-success: #54f0b4;
  --mu-color-warning: #ffd166;
  --mu-gradient-brand: linear-gradient(135deg, #b66eff 0%, #7c5cff 46%, #00d4ff 100%);
  --mu-gradient-soft: radial-gradient(circle at 18% 12%, rgba(182, 110, 255, 0.25), transparent 34%),
    radial-gradient(circle at 82% 4%, rgba(0, 212, 255, 0.16), transparent 30%),
    linear-gradient(180deg, #0b0612 0%, #07050b 72%);
  --mu-shadow-glow: 0 0 42px rgba(182, 110, 255, 0.28);
  --mu-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mu-font-mono: Monaco, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --mu-radius-sm: 8px;
  --mu-radius-md: 14px;
  --mu-radius-lg: 22px;
  --mu-space-1: 0.25rem;
  --mu-space-2: 0.5rem;
  --mu-space-3: 0.75rem;
  --mu-space-4: 1rem;
  --mu-space-5: 1.5rem;
  --mu-space-6: 2rem;
  --mu-space-7: 3rem;
  --mu-space-8: 4rem;
  --mu-container: 1180px;
}