/* Cyberpunk Theme */
[data-theme='cyberpunk'] {
  --primary-bg: #0a0a0a;
  --secondary-bg: #1a1a2e;
  --navbar-bg: #16213e;
  --story-bg: #0f3460;
  --input-bg: #1a1a2e;
  --hover-bg: #16213e;
  --overlay-bg: rgba(10, 10, 10, 0.9);

  --text-primary: #00ffff;
  --text-secondary: #7f8c8d;
  --text-on-accent: #0a0a0a;

  --accent-color: #ff0080;
  --accent-color-alpha: rgba(255, 0, 128, 0.25);

  --border-color: #e53e3e;

  --btn-primary-bg: #ff0080;
  --btn-secondary-bg: #16213e;
  --btn-success-bg: #00ff41;
  --btn-danger-bg: #ff073a;
}

[data-theme='cyberpunk'] .navbar-brand {
  font-family: 'Courier New', monospace;
  text-shadow: 0 0 10px #00ffff;
}

[data-theme='cyberpunk'] #story-content {
  font-family: 'Courier New', monospace;
  box-shadow: inset 0 0 20px rgba(0, 255, 255, 0.1);
}

[data-theme='cyberpunk'] .btn {
  text-shadow: 0 0 5px currentColor;
  box-shadow: 0 0 10px rgba(255, 0, 128, 0.3);
}

[data-theme='cyberpunk'] .planning-block-header {
  background-color: rgba(255, 0, 128, 0.2);
  border-left-color: #ff0080;
  color: #00ffff;
  text-shadow: 0 0 5px #00ffff;
}