/**
 * THEME VIOLET — fond noir + accents violets
 * Modifiez les couleurs ci-dessous puis uploadez css/theme.css sur IONOS
 */
:root {
  --accent: #7c3aed;
  --accent-dark: #4c1d95;
  --accent-light: #a78bfa;
  --accent-soft: #c4b5fd;

  --bg: #0a0a0a;
  --bg-elevated: #0b0b11;
  --bg-page: #0d0d12;
  --bg-card: #111118;

  --text: #f5f5f5;
  --text-muted: #ffffffad;

  --accent-a14: rgba(124, 58, 237, 0.08);
  --accent-a1f: rgba(124, 58, 237, 0.12);
  --accent-a22: rgba(124, 58, 237, 0.13);
  --accent-a33: rgba(124, 58, 237, 0.2);
  --accent-a44: rgba(124, 58, 237, 0.27);
  --accent-a4d: rgba(124, 58, 237, 0.3);
  --accent-a55: rgba(124, 58, 237, 0.33);
  --accent-a59: rgba(124, 58, 237, 0.35);
  --accent-a66: rgba(124, 58, 237, 0.4);
  --accent-a73: rgba(124, 58, 237, 0.45);
  --accent-a80: rgba(124, 58, 237, 0.5);
  --accent-a99: rgba(124, 58, 237, 0.6);
  --accent-acc: rgba(124, 58, 237, 0.8);
}

body {
  background: var(--bg, #0a0a0a);
  color: var(--text, #f5f5f5);
}

.navbar-menu li a.active,
.navbar-menu li a:hover {
  color: var(--accent-light, #a78bfa) !important;
}

.nav-indicator {
  background: var(--accent, #7c3aed) !important;
  box-shadow: 0 0 15px var(--accent-a99), 0 0 2px var(--accent-acc) !important;
}

.player-icon {
  color: var(--accent-light, #a78bfa) !important;
}

.navbar-admin--connected {
  color: var(--accent-soft, #c4b5fd) !important;
  border-color: var(--accent-a44) !important;
  background: var(--accent-a22) !important;
}

::-webkit-scrollbar-thumb {
  background: var(--accent-a66, #7c3aed66) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent, #7c3aed) !important;
}