:root {
  --text-0: #0b1221;
  --text-1: #111827;
  --muted-0: #475269;
  --muted-1: #6b7280;
  --surface-0: #f4f6fb;
  --surface-1: #ffffff;
  --surface-2: #eef1f6;
  --surface-3: #eff3fb;
  --border-0: #c5cbd7;
  --border-1: rgba(15, 23, 42, 0.08);
  --border-muted: rgba(148, 163, 184, 0.55);
  --card-bg: #ffffff;
  --bg: var(--surface-0);
  --bg-elevated: var(--surface-1);
  --accent-0: #0b1221;
  --accent-1: #1f2937;
  --accent-contrast: #f8fafc;
  --danger-0: #b91c1c;
  --danger-contrast: #ffffff;
  --focus-ring: rgba(59, 130, 246, 0.55);
  --shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
  --shadow-strong: 0 24px 60px rgba(15, 23, 42, 0.15);
  --btn-bg: var(--accent-0);
  --btn-fg: var(--accent-contrast);
  --btn-border: var(--accent-0);
  --btn-bg-hover: var(--accent-1);
  --btn-border-hover: var(--accent-1);
  --btn-bg-disabled: #d1d7e6;
  --btn-fg-disabled: #7c8899;
  --fg: var(--text-0);
  --fg-muted: var(--muted-0);
  --fg-subtle: var(--muted-1);
  --border: var(--border-0);
  --border-strong: var(--border-1);
  --accent: var(--accent-0);
  --accent-strong: var(--accent-1);
  --mira-bg: var(--bg);
  --mira-surface: var(--bg-elevated);
  --mira-surface-2: var(--surface-2);
  --mira-surface-inset: var(--surface-3);
  --mira-card: var(--card-bg);
  --mira-card-strong: #e5e9f3;
  --mira-fg: var(--fg);
  --mira-fg-muted: var(--fg-muted);
  --mira-text-primary: var(--mira-fg);
  --mira-text-secondary: var(--mira-fg-muted);
  --mira-text-muted: var(--mira-fg-muted);
  --mira-border: var(--border);
  --mira-border-strong: var(--border-strong);
  --mira-border-soft: var(--border-muted);
  --mira-background: var(--mira-bg);
  --mira-gradient: linear-gradient(135deg, var(--accent), var(--accent-strong));
  --mira-accent: var(--accent);
  --mira-interactive-primary: var(--btn-bg);
  --mira-interactive-primary-hover: var(--btn-bg-hover);
  --mira-interactive-primary-active: #0b1220;
  --mira-interactive-primary-disabled: var(--btn-bg-disabled);
  --mira-interactive-secondary: #1f2937;
  --mira-interactive-quiet: rgba(15, 23, 42, 0.12);
  --mira-focus-ring: var(--focus-ring);
  --mira-shadow: var(--shadow);
  --mira-glow: rgba(37, 99, 235, 0.18);
  --mira-glass-blur: blur(10px);
  --mira-text-on-primary: var(--btn-fg);
  --mira-wheel-card-bg: rgba(255, 255, 255, 0.92);
  --mira-wheel-card-bg-dim: rgba(255, 255, 255, 0.36);
  --mira-wheel-card-border: var(--mira-border);
  --mira-wheel-card-label: var(--mira-text-primary);
  --mira-wheel-card-label-dim: var(--mira-text-muted);
  --mira-wheel-card-icon: rgba(15, 23, 42, 0.8);
  --mira-wheel-card-icon-active: #ffffff;
  --mira-wheel-active-border: rgba(34, 197, 94, 0.9);
  --mira-wheel-active-shadow: 0 18px 40px rgba(34, 197, 94, 0.35);
  --vision-glass-background: var(--mira-background);
  --vision-glass-surface: var(--mira-surface);
  --vision-glass-card: var(--mira-card);
  --vision-glass-accent: var(--mira-interactive-primary);
  --vision-glass-glow: rgba(37, 99, 235, 0.15);
  --vision-glass-text-primary: var(--mira-text-primary);
  --vision-glass-text-secondary: var(--mira-text-secondary);
  --vision-glass-gradient: var(--mira-gradient);
  --vision-glass-holo-intensity: 0.45;
  --vision-glass-holo-chroma: #0ea5e9;
  --vision-glass-holo-direction: 125deg;
}

:root {
  --midnight-neon-background: #050810;
  --midnight-neon-surface: #0b1221;
  --midnight-neon-card: #11182a;
  --midnight-neon-accent: #6366f1;
  --midnight-neon-glow: rgba(99, 102, 241, 0.35);
  --midnight-neon-text-primary: #f8fafc;
  --midnight-neon-text-secondary: #d3d8f0;
  --midnight-neon-gradient: linear-gradient(135deg, #4338ca, #6366f1);
  --midnight-neon-holo-intensity: 0.6;
  --midnight-neon-holo-chroma: #6ee7b7;
  --midnight-neon-holo-direction: 95deg;
}

:root {
  --ocean-pulse-background: #030f1c;
  --ocean-pulse-surface: #0d1e33;
  --ocean-pulse-card: #0f243a;
  --ocean-pulse-accent: #22d3ee;
  --ocean-pulse-glow: rgba(34, 211, 238, 0.35);
  --ocean-pulse-text-primary: #f8fafc;
  --ocean-pulse-text-secondary: #d6f3ff;
  --ocean-pulse-gradient: linear-gradient(135deg, #0f172a, #0f172a);
  --ocean-pulse-holo-intensity: 0.55;
  --ocean-pulse-holo-chroma: #22d3ee;
  --ocean-pulse-holo-direction: 90deg;
}

:root {
  --solar-dusk-background: #fdfaf7;
  --solar-dusk-surface: #fffefe;
  --solar-dusk-card: #fff7f3;
  --solar-dusk-accent: #fb7185;
  --solar-dusk-glow: rgba(251, 113, 133, 0.35);
  --solar-dusk-text-primary: #0f172a;
  --solar-dusk-text-secondary: #475569;
  --solar-dusk-gradient: linear-gradient(135deg, #fb7185, #f97316);
  --solar-dusk-holo-intensity: 0.5;
  --solar-dusk-holo-chroma: #fb7185;
  --solar-dusk-holo-direction: 75deg;
}

:root {
  --bio-healing-background: #eff6ff;
  --bio-healing-surface: #ffffff;
  --bio-healing-card: #f7fbff;
  --bio-healing-accent: #14b8a6;
  --bio-healing-glow: rgba(20, 184, 166, 0.25);
  --bio-healing-text-primary: #0f172a;
  --bio-healing-text-secondary: #0f172a;
  --bio-healing-gradient: linear-gradient(135deg, #14b8a6, #22d3ee);
  --bio-healing-holo-intensity: 0.4;
  --bio-healing-holo-chroma: #14b8a6;
  --bio-healing-holo-direction: 110deg;
}

:root {
  --cyber-temple-background: #030712;
  --cyber-temple-surface: #090d1f;
  --cyber-temple-card: #0f1328;
  --cyber-temple-accent: #f59e0b;
  --cyber-temple-glow: rgba(245, 158, 11, 0.25);
  --cyber-temple-text-primary: #fdfcfb;
  --cyber-temple-text-secondary: #f5d0fe;
  --cyber-temple-gradient: linear-gradient(135deg, #ea580c, #f59e0b);
  --cyber-temple-holo-intensity: 0.65;
  --cyber-temple-holo-chroma: #f59e0b;
  --cyber-temple-holo-direction: 60deg;
}

:root {
  --holo-depth: 10px;
  --holo-light-intensity: 0.18;
  --holo-glow-color: rgba(37, 99, 235, 0.3);
  --holo-edge-color: rgba(255, 255, 255, 0.4);
  --holo-floating-range: 2px;
  --holo-animation-duration: 20s;
  --holo-floating-state: running;
  --holo-animation-intensity: 0.45;
}

:root {
  --mira-nav-pill-surface: rgba(255, 255, 255, 0.82);
  --mira-nav-pill-border: rgba(148, 163, 184, 0.5);
  --mira-nav-pill-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
  --mira-nav-glow-hover: rgba(251, 191, 36, 0.55);
  --mira-nav-glow-active: rgba(34, 197, 94, 0.6);
  --mira-nav-glow-error: rgba(239, 68, 68, 0.6);
}
