/* ================================================================
   PcKonfiguratorius — BLOOD RED THEME v7.0
   Deep crimson, orange ember accents
   ================================================================ */
html.bloodred {
  --bg-base:        #0d0303;
  --bg-surface:     #120505;
  --bg-card:        #190707;
  --bg-card-hover:  #200a0a;
  --bg-elevated:    #2a0f0f;
  --bg-input:       #140606;
  --bg-glass:       rgba(18,5,5,.82);
  --border-subtle:  rgba(239,68,68,.06);
  --border-default: rgba(239,68,68,.12);
  --border-strong:  rgba(239,68,68,.22);
  --border-focus:   rgba(239,68,68,.65);
  --text-primary:   #fff0f0;
  --text-secondary: #c47a7a;
  --text-muted:     #5a2020;
  --text-accent:    #f87171;
  --accent-indigo:  #ef4444;
  --accent-blue:    #f97316;
  --accent-cyan:    #fbbf24;
  --accent-purple:  #dc2626;
  --accent-green:   #22c55e;
  --accent-emerald: #16a34a;
  --accent-red:     #ef4444;
  --accent-amber:   #f97316;
  --accent-pink:    #fb7185;
  --glow-indigo:  0 0 32px rgba(239,68,68,.35);
  --glow-blue:    0 0 32px rgba(249,115,22,.3);
  --glow-green:   0 0 28px rgba(34,197,94,.28);
  --shadow-card:  0 1px 3px rgba(0,0,0,.8), 0 0 0 1px rgba(239,68,68,.07);
  --shadow-hover: 0 8px 32px rgba(0,0,0,.7), 0 0 0 1px rgba(239,68,68,.3), 0 0 24px rgba(239,68,68,.12);
  --shadow-panel: 0 2px 16px rgba(0,0,0,.7), 0 0 0 1px rgba(239,68,68,.1);
}
html.bloodred body::before {
  background-image:
    radial-gradient(ellipse 900px 450px at 50% -100px, rgba(239,68,68,.1), transparent),
    radial-gradient(ellipse 600px 300px at 90% 80%, rgba(249,115,22,.06), transparent),
    radial-gradient(ellipse 400px 200px at 5% 70%, rgba(220,38,38,.05), transparent);
}
html.bloodred .nav { background: rgba(13,3,3,.92); border-bottom: 1px solid rgba(239,68,68,.15); }
html.bloodred .nav-logo { color: #fca5a5; text-shadow: 0 0 20px rgba(239,68,68,.5); }
html.bloodred .nav-logo .dot { background: #ef4444; box-shadow: 0 0 14px rgba(239,68,68,.9), 0 0 4px #ef4444; }
html.bloodred .progress-fill { background: linear-gradient(90deg, #ef4444, #f97316, #fbbf24); }
html.bloodred .product-card:hover { border-color: rgba(239,68,68,.4); box-shadow: 0 0 20px rgba(239,68,68,.15), 0 8px 32px rgba(0,0,0,.7); }
html.bloodred .product-card.selected { border-color: rgba(34,197,94,.5); box-shadow: 0 0 20px rgba(34,197,94,.18); }
html.bloodred .cta-btn.active { background: linear-gradient(135deg, #ef4444, #f97316); box-shadow: 0 4px 20px rgba(239,68,68,.4); }
html.bloodred .mode-tab.active { background: linear-gradient(135deg, #ef4444, #f97316); box-shadow: 0 0 16px rgba(239,68,68,.4); }
html.bloodred .build-sticky-bar-cta { background: linear-gradient(135deg, #ef4444, #f97316); box-shadow: 0 4px 16px rgba(239,68,68,.35); }