/* ================================================================
   PcKonfiguratorius — EMERALD FOREST THEME v7.0
   Deep dark base, vivid emerald/green accents
   ================================================================ */
html.emerald {
  --bg-base:        #020d07;
  --bg-surface:     #04110a;
  --bg-card:        #071a0e;
  --bg-card-hover:  #0b2214;
  --bg-elevated:    #102e1a;
  --bg-input:       #061509;
  --bg-glass:       rgba(4,17,10,.82);
  --bg-modal:       rgba(2,13,7,.96);

  --text-primary:   #e8fff2;
  --text-secondary: #7abf9a;
  --text-muted:     #1f5a35;
  --text-disabled:  #0a2a15;
  --text-accent:    #4ade80;

  --border-subtle:  rgba(16,185,129,.06);
  --border-default: rgba(16,185,129,.14);
  --border-strong:  rgba(16,185,129,.26);
  --border-focus:   rgba(16,185,129,.7);
  --border-hover:   rgba(16,185,129,.35);

  --accent-indigo:  #10b981;
  --accent-blue:    #34d399;
  --accent-cyan:    #6ee7b7;
  --accent-purple:  #059669;
  --accent-green:   #22c55e;
  --accent-emerald: #10b981;
  --accent-red:     #f87171;
  --accent-amber:   #fbbf24;
  --accent-pink:    #86efac;
  --accent-yellow:  #d9f99d;

  --glow-indigo:  0 0 32px rgba(16,185,129,.4);
  --glow-blue:    0 0 32px rgba(52,211,153,.35);
  --glow-green:   0 0 28px rgba(34,197,94,.35);
  --glow-red:     0 0 24px rgba(248,113,133,.3);
  --glow-amber:   0 0 20px rgba(251,191,36,.22);

  --shadow-card:  0 1px 3px rgba(0,0,0,.8), 0 0 0 1px rgba(16,185,129,.07);
  --shadow-hover: 0 8px 32px rgba(0,0,0,.7), 0 0 0 1px rgba(16,185,129,.35), 0 0 28px rgba(16,185,129,.14);
  --shadow-panel: 0 2px 16px rgba(0,0,0,.7), 0 0 0 1px rgba(16,185,129,.1);
  --shadow-float: 0 16px 48px rgba(0,0,0,.75), 0 0 0 1px rgba(16,185,129,.12);
}

html.emerald body::before {
  background-image:
    radial-gradient(ellipse 900px 450px at 50% -100px, rgba(16,185,129,.13), transparent),
    radial-gradient(ellipse 600px 300px at 85% 80%, rgba(52,211,153,.08), transparent),
    radial-gradient(ellipse 400px 200px at 5% 70%, rgba(5,150,105,.07), transparent);
}
html.emerald .nav { background: rgba(2,13,7,.92); border-bottom: 1px solid rgba(16,185,129,.16); }
html.emerald .nav-logo { color: #a7f3d0; text-shadow: 0 0 20px rgba(16,185,129,.55); }
html.emerald .nav-logo .dot { background: #10b981; box-shadow: 0 0 14px rgba(16,185,129,.9), 0 0 4px #10b981; }
html.emerald .progress-fill { background: linear-gradient(90deg, #10b981, #34d399, #6ee7b7); }
html.emerald .product-card:hover { border-color: rgba(16,185,129,.4); box-shadow: 0 0 20px rgba(16,185,129,.15), 0 8px 32px rgba(0,0,0,.7); }
html.emerald .product-card.selected { border-color: rgba(52,211,153,.6); box-shadow: 0 0 24px rgba(52,211,153,.22); }
html.emerald .mode-tab.active { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 0 16px rgba(16,185,129,.45); }
html.emerald .cta-btn.active { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 4px 20px rgba(16,185,129,.45); }
html.emerald .build-sticky-bar { background: rgba(2,13,7,.92); border-top-color: rgba(16,185,129,.16); }
html.emerald .build-sticky-bar-cta { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 4px 16px rgba(16,185,129,.4); }
html.emerald .accordion-header[aria-expanded="true"] { background: rgba(16,185,129,.07); }
html.emerald .sort-btn.active { color: #4ade80; background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.3); }
html.emerald .ship-method-card.active { border-color: rgba(16,185,129,.4); background: rgba(16,185,129,.08); }
html.emerald .terminal-item:hover { background: rgba(16,185,129,.08); border-color: rgba(16,185,129,.25); color: var(--text-primary); }
html.emerald .terminal-item.selected-terminal { background: rgba(16,185,129,.15); border-color: rgba(16,185,129,.5); color: #6ee7b7; }
html.emerald .theme-toggle-btn:hover, html.emerald .theme-toggle-btn.active { color: #a7f3d0; background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.3); }
html.emerald .theme-tab.active { background: rgba(16,185,129,.15); border-color: rgba(16,185,129,.4); color: #4ade80; }
html.emerald ::-webkit-scrollbar-thumb { background: rgba(16,185,129,.2); }
html.emerald ::-webkit-scrollbar-thumb:hover { background: rgba(16,185,129,.35); }
html.emerald .gbh { background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(16,185,129,.12) 0%, transparent 70%), var(--bg-card); border-color: rgba(16,185,129,.2); }
html.emerald .gbh-game.active { border-color: #10b981; box-shadow: 0 0 0 2px rgba(16,185,129,.35), 0 8px 30px rgba(0,0,0,.3); }
html.emerald .gbh-tier.active, html.emerald .game-tier-btn.active { background: rgba(16,185,129,.1); border-color: rgba(16,185,129,.45); }
html.emerald .gbh-apply, html.emerald .game-apply-btn { background: linear-gradient(135deg, #10b981 0%, #059669 100%); box-shadow: 0 4px 20px rgba(16,185,129,.35); }
html.emerald .tier-badge-low    { color: #86efac; }
html.emerald .tier-badge-medium { color: #fcd34d; }
html.emerald .tier-badge-high   { color: #6ee7b7; }
html.emerald .tier-badge-ultra  { color: #34d399; }