/* Theme: Dark Command (default) — applied via :root in app.css */

/* Theme: Midnight Green */
[data-theme="midnight-green"] {
  --bg: #0a0a0f; --surface: #141420; --surface2: #181828;
  --border: #1e1e30; --border-glow: #00df0015;
  --text: #e0e0e8; --text-dim: #606080;
  --accent: #00df00; --accent-dim: #00df0040;
  --green: #00df00; --yellow: #f0c030; --orange: #e08020; --red: #e02020; --blue: #3080f0; --purple: #a855f7;
}

/* Theme: Light */
[data-theme="light"] {
  --bg: #f0f2f5; --surface: #ffffff; --surface2: #f8f9fb;
  --border: #d8dce3; --border-glow: #0066cc15;
  --text: #1a1a2e; --text-dim: #6b7280;
  --accent: #0066cc; --accent-dim: #0066cc30;
  --green: #059669; --yellow: #d97706; --orange: #ea580c; --red: #dc2626; --blue: #2563eb; --purple: #7c3aed;
}
[data-theme="light"] .server-chassis {
  background: linear-gradient(180deg, #e8eaef 0%, #dfe1e6 100%);
  border-color: #c0c4cc;
}
[data-theme="light"] .drive-card {
  background: linear-gradient(180deg, #eef0f4 0%, #e4e6ea 100%);
  border-color: #c8ccd4;
}
[data-theme="light"] .drive-handle {
  background: linear-gradient(90deg, #c8ccd4 0%, #bec2ca 50%, #c8ccd4 100%);
  border-top-color: #d8dce3;
}
[data-theme="light"] .drive-handle::after { background: #a0a4ac; }
[data-theme="light"] body {
  background-image: none;
}
[data-theme="light"] .login-box { border-top-color: var(--accent); }
[data-theme="light"] header {
  background: linear-gradient(180deg, #fff 0%, #f8f9fb 100%);
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

/* Theme: Matrix */
[data-theme="matrix"] {
  --bg: #000000; --surface: #001100; --surface2: #001a00;
  --border: #003300; --border-glow: #00ff4115;
  --text: #00ff41; --text-dim: #007a20;
  --accent: #00ff41; --accent-dim: #00ff4140;
  --green: #00ff41; --yellow: #80ff00; --orange: #c0ff00; --red: #ff0040; --blue: #00ff80; --purple: #00ffaa;
}
[data-theme="matrix"] body {
  background-image: none;
  font-family: 'Courier New', monospace;
}
[data-theme="matrix"] .server-chassis {
  background: #001100; border-color: #003300; border-top-color: #00ff4140;
}
[data-theme="matrix"] .drive-card {
  background: #001500; border-color: #003300;
}
[data-theme="matrix"] .drive-handle {
  background: #002200; border-top-color: #004400;
}
[data-theme="matrix"] .drive-handle::after { background: #005500; }

/* Theme: Amber Terminal */
[data-theme="amber-terminal"] {
  --bg: #0a0800; --surface: #141000; --surface2: #1a1400;
  --border: #2a2200; --border-glow: #ffb00015;
  --text: #ffb000; --text-dim: #806000;
  --accent: #ffb000; --accent-dim: #ffb00040;
  --green: #ffb000; --yellow: #ffd000; --orange: #ff8000; --red: #ff3000; --blue: #ffc040; --purple: #ff9020;
}
[data-theme="amber-terminal"] body {
  background-image: none;
  font-family: 'Courier New', monospace;
}
[data-theme="amber-terminal"] .server-chassis {
  background: #0e0a00; border-color: #2a2200; border-top-color: #ffb00030;
}
[data-theme="amber-terminal"] .drive-card {
  background: #120e00; border-color: #2a2200;
}
[data-theme="amber-terminal"] .drive-handle {
  background: #1a1400; border-top-color: #332a00;
}
[data-theme="amber-terminal"] .drive-handle::after { background: #443600; }

/* Theme: Red Alert */
[data-theme="red-alert"] {
  --bg: #0c0606; --surface: #140a0a; --surface2: #1a0e0e;
  --border: #2a1515; --border-glow: #ff305015;
  --text: #e8d0d0; --text-dim: #804040;
  --accent: #ff3050; --accent-dim: #ff305040;
  --green: #00e87b; --yellow: #ffc832; --orange: #ff6020; --red: #ff3050; --blue: #ff6080; --purple: #ff4090;
}
[data-theme="red-alert"] body {
  background-image: radial-gradient(ellipse at 50% 0%, #ff305008 0%, transparent 60%);
}
[data-theme="red-alert"] .server-chassis {
  background: linear-gradient(180deg, #1a0e0e 0%, #120808 100%);
  border-color: #2a1515; border-top-color: #ff305040;
}
[data-theme="red-alert"] .drive-card {
  background: linear-gradient(180deg, #180c0c 0%, #120808 100%);
  border-color: #2a1515;
}
[data-theme="red-alert"] .drive-handle {
  background: #2a1515; border-top-color: #3a2020;
}
[data-theme="red-alert"] .drive-handle::after { background: #4a2828; }