:root[data-theme="mystic"] {
  --color-bg:              #1e1b4b;
  --color-surface:         #312e81;
  --color-surface-alt:     #3730a3;
  --color-border:          #4338ca;
  --color-primary:         #fbbf24;
  --color-primary-hover:   #f59e0b;
  --color-primary-glow:    rgba(251, 191, 36, 0.3);
  --color-text:            #e0e7ff;
  --color-text-muted:      rgba(165, 180, 252, 0.8);
  --color-text-on-primary: #1e1b4b;
  --color-accent:          #fbbf24;
  --font-heading:          'Cormorant Garamond', Georgia, serif;
  --font-body:             'Inter', system-ui, sans-serif;
  --radius-sm:             0px;
  --radius-md:             2px;
  --radius-lg:             4px;
  --radius-full:           9999px;
  --transition:            all 0.3s ease;
  --shadow-sm:             0 0 12px rgba(251, 191, 36, 0.15);
  --shadow-md:             0 0 30px rgba(251, 191, 36, 0.25);
  --shadow-lg:             0 0 60px rgba(251, 191, 36, 0.35);
  --shadow-neu-out:        none;
  --shadow-neu-in:         none;
}