/* ================================================================
   PcKonfiguratorius — BORDEAUX WINE THEME v7.0
   Deep burgundy/wine, gold accents, rich dark base
   ================================================================ */
html.bordo {
  --bg-base:        #0c0205;
  --bg-surface:     #11030a;
  --bg-card:        #18050d;
  --bg-card-hover:  #200713;
  --bg-elevated:    #2e0c1c;
  --bg-input:       #150409;
  --bg-glass:       rgba(17,3,10,.82);
  --bg-modal:       rgba(12,2,5,.96);

  --text-primary:   #fff0f4;
  --text-secondary: #c47a8f;
  --text-muted:     #5a1f30;
  --text-disabled:  #2a0a12;
  --text-accent:    #f9a8bb;

  --border-subtle:  rgba(159,18,57,.08);
  --border-default: rgba(159,18,57,.18);
  --border-strong:  rgba(159,18,57,.32);
  --border-focus:   rgba(190,24,93,.7);
  --border-hover:   rgba(159,18,57,.4);

  --accent-indigo:  #be185d;
  --accent-blue:    #9f1239;
  --accent-cyan:    #e11d48;
  --accent-purple:  #881337;
  --accent-green:   #22c55e;
  --accent-emerald: #16a34a;
  --accent-red:     #f43f5e;
  --accent-amber:   #d97706;
  --accent-pink:    #fb7185;
  --accent-yellow:  #f59e0b;

  --glow-indigo:  0 0 32px rgba(190,24,93,.4);
  --glow-blue:    0 0 32px rgba(159,18,57,.35);
  --glow-green:   0 0 28px rgba(34,197,94,.28);
  --glow-red:     0 0 24px rgba(244,63,94,.35);
  --glow-amber:   0 0 20px rgba(217,119,6,.3);

  --shadow-card:  0 1px 3px rgba(0,0,0,.85), 0 0 0 1px rgba(159,18,57,.08);
  --shadow-hover: 0 8px 32px rgba(0,0,0,.75), 0 0 0 1px rgba(190,24,93,.35), 0 0 28px rgba(190,24,93,.15);
  --shadow-panel: 0 2px 16px rgba(0,0,0,.75), 0 0 0 1px rgba(159,18,57,.1);
  --shadow-float: 0 16px 48px rgba(0,0,0,.8), 0 0 0 1px rgba(159,18,57,.12);
}

html.bordo body::before {
  background-image:
    radial-gradient(ellipse 900px 450px at 50% -100px, rgba(190,24,93,.12), transparent),
    radial-gradient(ellipse 600px 300px at 88% 80%, rgba(159,18,57,.08), transparent),
    radial-gradient(ellipse 400px 200px at 5% 70%, rgba(136,19,55,.07), transparent);
}
html.bordo .nav { background: rgba(12,2,5,.93); border-bottom: 1px solid rgba(159,18,57,.18); }
html.bordo .nav-logo { color: #fda4af; text-shadow: 0 0 20px rgba(190,24,93,.55); }
html.bordo .nav-logo .dot { background: #be185d; box-shadow: 0 0 14px rgba(190,24,93,.9), 0 0 4px #be185d; }
html.bordo .progress-fill { background: linear-gradient(90deg, #9f1239, #be185d, #f43f5e); }
html.bordo .product-card:hover { border-color: rgba(190,24,93,.4); box-shadow: 0 0 20px rgba(190,24,93,.15), 0 8px 32px rgba(0,0,0,.75); }
html.bordo .product-card.selected { border-color: rgba(34,197,94,.5); box-shadow: 0 0 24px rgba(34,197,94,.2); }
html.bordo .mode-tab.active { background: linear-gradient(135deg, #be185d, #9f1239); box-shadow: 0 0 16px rgba(190,24,93,.45); }
html.bordo .cta-btn.active { background: linear-gradient(135deg, #be185d, #9f1239); box-shadow: 0 4px 20px rgba(190,24,93,.45); }
html.bordo .build-sticky-bar { background: rgba(12,2,5,.93); border-top-color: rgba(159,18,57,.18); }
html.bordo .build-sticky-bar-cta { background: linear-gradient(135deg, #be185d, #9f1239); box-shadow: 0 4px 16px rgba(190,24,93,.4); }
html.bordo .accordion-header[aria-expanded="true"] { background: rgba(190,24,93,.07); }
html.bordo .sort-btn.active { color: #fb7185; background: rgba(190,24,93,.12); border-color: rgba(190,24,93,.3); }
html.bordo .ship-method-card.active { border-color: rgba(190,24,93,.4); background: rgba(190,24,93,.08); }
html.bordo .terminal-item:hover { background: rgba(190,24,93,.08); border-color: rgba(190,24,93,.25); color: var(--text-primary); }
html.bordo .terminal-item.selected-terminal { background: rgba(34,197,94,.1); border-color: rgba(34,197,94,.4); color: #86efac; }
html.bordo .theme-toggle-btn:hover, html.bordo .theme-toggle-btn.active { color: #fda4af; background: rgba(190,24,93,.12); border-color: rgba(190,24,93,.3); }
html.bordo .theme-tab.active { background: rgba(190,24,93,.15); border-color: rgba(190,24,93,.4); color: #fb7185; }
html.bordo ::-webkit-scrollbar-thumb { background: rgba(190,24,93,.2); }
html.bordo ::-webkit-scrollbar-thumb:hover { background: rgba(190,24,93,.35); }
html.bordo .gbh { background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(190,24,93,.12) 0%, transparent 70%), var(--bg-card); border-color: rgba(159,18,57,.22); }
html.bordo .gbh-game.active { border-color: #be185d; box-shadow: 0 0 0 2px rgba(190,24,93,.35), 0 8px 30px rgba(0,0,0,.3); }
html.bordo .gbh-tier.active, html.bordo .gbh-tier:hover, html.bordo .game-tier-btn.active { background: rgba(190,24,93,.1); border-color: rgba(190,24,93,.45); }
html.bordo .gbh-apply, html.bordo .game-apply-btn { background: linear-gradient(135deg, #be185d 0%, #9f1239 100%); box-shadow: 0 4px 20px rgba(190,24,93,.35); }
html.bordo .tier-badge-low    { color: #86efac; }
html.bordo .tier-badge-medium { color: #fcd34d; }
html.bordo .tier-badge-high   { color: #fda4af; }
html.bordo .tier-badge-ultra  { color: #fb7185; }