/**
 * Minimal Theme - Scoped to .theme-minimal class
 * Only applies when this theme is active
 */

/* ============================================
   THEME: Minimal (Florr.io-inspired)
   ============================================ */

/* Theme activation */
body.theme-minimal {
  --bg-deep: #e8e8e8;
  --bg-dark: #f0f0f0;
  --bg-panel: #ffffff;
  --primary-blue: #7eb8da;
  --primary-red: #da7e7e;
  --text-color: #4a4a5a;
  --text-muted: #8a8a9a;
  --border-color: #d0d0d0;
}

/* Canvas styling */
body.theme-minimal #game-canvas {
  image-rendering: auto;
}

/* Loading screen */
body.theme-minimal #loadingScreen,
body.theme-minimal #loading-screen {
  background: var(--bg-deep);
}

body.theme-minimal .loader h1,
body.theme-minimal #loadingScreen h1 {
  color: var(--text-color);
  background: none;
  -webkit-text-fill-color: var(--text-color);
}

body.theme-minimal .spinner {
  border-color: var(--border-color);
  border-top-color: var(--primary-blue);
}

/* Main menu */
body.theme-minimal #main-menu {
  background: linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-dark) 100%);
}

body.theme-minimal .game-title {
  background: none;
  -webkit-text-fill-color: var(--text-color);
  color: var(--text-color);
  text-shadow: none;
}

body.theme-minimal .game-subtitle {
  color: var(--text-muted);
}

/* Input styling */
body.theme-minimal #player-name,
body.theme-minimal .start-input {
  background: var(--bg-panel);
  border: 2px solid var(--border-color);
  color: var(--text-color);
}

body.theme-minimal #player-name:focus,
body.theme-minimal .start-input:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px rgba(126, 184, 218, 0.15);
}

body.theme-minimal #player-name::placeholder,
body.theme-minimal .start-input::placeholder {
  color: var(--text-muted);
}

/* Buttons */
body.theme-minimal .play-btn {
  background: var(--primary-blue);
  border: none;
}

body.theme-minimal .play-btn:hover {
  box-shadow: 0 4px 16px rgba(126, 184, 218, 0.3);
}

/* Mode buttons */
body.theme-minimal .mode-btn {
  background: var(--bg-panel);
  border: 2px solid var(--border-color);
  color: var(--text-color);
}

body.theme-minimal .mode-btn:hover {
  border-color: var(--primary-blue);
}

body.theme-minimal .mode-btn.selected {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
  color: white;
}

/* Info boxes */
body.theme-minimal .info-box {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
}

body.theme-minimal .info-box h3 {
  color: var(--text-muted);
}

body.theme-minimal .info-box p {
  color: var(--text-color);
}

/* Top bar */
body.theme-minimal .top-bar {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* XP bar */
body.theme-minimal .xp-bar {
  background: var(--bg-dark);
}

body.theme-minimal .xp-fill {
  background: var(--primary-blue);
}

/* Stats panel */
body.theme-minimal .stats-panel {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body.theme-minimal .stats-title {
  color: var(--text-muted);
}

/* Stat bars */
body.theme-minimal .stat-bar {
  background: var(--bg-dark);
}

body.theme-minimal .stat-fill {
  background: var(--primary-blue);
}

/* Stats bar (bottom) */
body.theme-minimal .stats-bar {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
}

/* Minimap */
body.theme-minimal #minimap-canvas {
  border: 2px solid var(--border-color);
  background: var(--bg-dark);
}

/* Kill feed */
body.theme-minimal .kill-entry {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Death screen */
body.theme-minimal #death-screen {
  background: rgba(232, 232, 232, 0.95);
}

body.theme-minimal .death-content {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
}

body.theme-minimal .death-title {
  color: var(--text-color);
}

body.theme-minimal .death-stats {
  color: var(--text-muted);
}

/* Notification toast */
body.theme-minimal .notification {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
}

/* Theme button */
body.theme-minimal #themeButton {
  background: var(--bg-panel);
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

/* Skill notification */
body.theme-minimal .skill-notification {
  background: #f0c74e;
}

/* Links */
body.theme-minimal a {
  color: var(--primary-blue);
}

body.theme-minimal .menu-footer a {
  color: var(--primary-blue);
}

/* Responsive */
@media (max-width: 768px) {
  body.theme-minimal .game-title {
    color: var(--text-color);
  }
}

/* ============================================
   CANVAS COLORS - Applied via JS
   ============================================ */

/* These colors are applied to the canvas rendering
   through the theme system's color palette */