/* Dark hacker/monitoring theme */

[data-theme="dark"] {
  --bg: #0a0a0a;
  --bg-card: #111111;
  --text: #e0e0e0;
  --text-secondary: #888888;
  --accent-up: #00ff41;
  --accent-down: #ff073a;
  --accent-degraded: #ffaa00;
  --border: #222222;
  --chart-grid: #1a1a1a;
  --font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
}

/* Scanline overlay effect */
[data-theme="dark"] body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 255, 65, 0.015) 2px,
    rgba(0, 255, 65, 0.015) 4px
  );
}

/* Glow effects for dark theme */
[data-theme="dark"] .status-dot.down {
  box-shadow: 0 0 8px var(--accent-down), 0 0 16px var(--accent-down);
}

[data-theme="dark"] .status-dot.operational {
  box-shadow: 0 0 6px var(--accent-up);
}

[data-theme="dark"] .status-dot.degraded {
  box-shadow: 0 0 6px var(--accent-degraded);
}

[data-theme="dark"] header h1 {
  text-shadow: 0 0 10px rgba(0, 255, 65, 0.3);
}

[data-theme="dark"] .status-card {
  border-color: #1a1a1a;
}

[data-theme="dark"] .status-card:hover {
  border-color: #333;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.05);
}

[data-theme="dark"] .downtime-cell {
  text-shadow: 0 0 6px rgba(255, 7, 58, 0.4);
}