/* ================================================================
   PcKonfiguratorius — MIDNIGHT AURORA THEME v7.0
   Deep violet/teal, aurora borealis aesthetic
   ================================================================ */
html.aurora {
  --bg-base:        #040310;
  --bg-surface:     #080618;
  --bg-card:        #0d0b22;
  --bg-card-hover:  #12102e;
  --bg-elevated:    #1a1840;
  --bg-input:       #090720;
  --bg-glass:       rgba(8,6,24,.82);
  --border-subtle:  rgba(139,92,246,.06);
  --border-default: rgba(139,92,246,.12);
  --border-strong:  rgba(139,92,246,.22);
  --border-focus:   rgba(139,92,246,.65);
  --text-primary:   #f0eeff;
  --text-secondary: #9b8ec4;
  --text-muted:     #3a3060;
  --text-accent:    #a78bfa;
  --accent-indigo:  #8b5cf6;
  --accent-blue:    #6366f1;
  --accent-cyan:    #06b6d4;
  --accent-purple:  #c084fc;
  --accent-green:   #34d399;
  --accent-emerald: #10b981;
  --accent-red:     #f87171;
  --accent-amber:   #fbbf24;
  --accent-pink:    #f472b6;
  --glow-indigo:  0 0 32px rgba(139,92,246,.35);
  --glow-blue:    0 0 32px rgba(99,102,241,.3);
  --glow-green:   0 0 28px rgba(52,211,153,.28);
  --shadow-card:  0 1px 3px rgba(0,0,0,.7), 0 0 0 1px rgba(139,92,246,.07);
  --shadow-hover: 0 8px 32px rgba(0,0,0,.65), 0 0 0 1px rgba(139,92,246,.3), 0 0 24px rgba(139,92,246,.12);
  --shadow-panel: 0 2px 16px rgba(0,0,0,.65), 0 0 0 1px rgba(139,92,246,.1);
}
html.aurora body::before {
  background-image:
    radial-gradient(ellipse 900px 450px at 20% -100px, rgba(139,92,246,.12), transparent),
    radial-gradient(ellipse 600px 300px at 85% 70%, rgba(6,182,212,.07), transparent),
    radial-gradient(ellipse 500px 250px at 50% 100%, rgba(192,132,252,.06), transparent);
  animation: aurora-shift 8s ease-in-out infinite alternate;
}
@keyframes aurora-shift {
  from { opacity: .8; }
  to   { opacity: 1; }
}
html.aurora .nav { background: rgba(4,3,16,.9); border-bottom: 1px solid rgba(139,92,246,.14); }
html.aurora .nav-logo { color: #c4b5fd; text-shadow: 0 0 20px rgba(139,92,246,.5); }
html.aurora .nav-logo .dot { background: #a78bfa; box-shadow: 0 0 14px rgba(167,139,250,.8); }
html.aurora .progress-fill { background: linear-gradient(90deg, #8b5cf6, #6366f1, #06b6d4); }
html.aurora .product-card:hover { border-color: rgba(139,92,246,.4); box-shadow: 0 0 20px rgba(139,92,246,.15), 0 8px 32px rgba(0,0,0,.7); }
html.aurora .product-card.selected { border-color: rgba(52,211,153,.5); box-shadow: 0 0 20px rgba(52,211,153,.18); }
html.aurora .cta-btn.active { background: linear-gradient(135deg, #8b5cf6, #6366f1); box-shadow: 0 4px 20px rgba(139,92,246,.4); }
html.aurora .mode-tab.active { background: linear-gradient(135deg, #8b5cf6, #6366f1); box-shadow: 0 0 16px rgba(139,92,246,.4); }