/* ================================================================
   PcKonfiguratorius — DEEP SEA THEME v7.0
   Ocean depths — teal, aqua, deep navy
   ================================================================ */
html.sea {
  --bg-base:        #010a10;
  --bg-surface:     #020e16;
  --bg-card:        #04131e;
  --bg-card-hover:  #071a28;
  --bg-elevated:    #0b2234;
  --bg-input:       #031018;
  --bg-glass:       rgba(2,14,22,.82);
  --bg-modal:       rgba(1,10,16,.96);

  --text-primary:   #e0f8ff;
  --text-secondary: #6ab8cc;
  --text-muted:     #1a4d60;
  --text-disabled:  #0a2030;
  --text-accent:    #22d3ee;

  --border-subtle:  rgba(6,182,212,.06);
  --border-default: rgba(6,182,212,.14);
  --border-strong:  rgba(6,182,212,.26);
  --border-focus:   rgba(6,182,212,.7);
  --border-hover:   rgba(6,182,212,.35);

  --accent-indigo:  #06b6d4;
  --accent-blue:    #0ea5e9;
  --accent-cyan:    #22d3ee;
  --accent-purple:  #0284c7;
  --accent-green:   #34d399;
  --accent-emerald: #10b981;
  --accent-red:     #f87171;
  --accent-amber:   #fbbf24;
  --accent-pink:    #67e8f9;
  --accent-yellow:  #a5f3fc;

  --glow-indigo:  0 0 32px rgba(6,182,212,.4);
  --glow-blue:    0 0 32px rgba(14,165,233,.35);
  --glow-green:   0 0 28px rgba(52,211,153,.28);
  --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(6,182,212,.07);
  --shadow-hover: 0 8px 32px rgba(0,0,0,.7), 0 0 0 1px rgba(6,182,212,.35), 0 0 28px rgba(6,182,212,.14);
  --shadow-panel: 0 2px 16px rgba(0,0,0,.7), 0 0 0 1px rgba(6,182,212,.1);
  --shadow-float: 0 16px 48px rgba(0,0,0,.75), 0 0 0 1px rgba(6,182,212,.12);
}

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