/* === RTC-Charts Theme (red) === */
:root{
  --primary: #F00000;
  --primary2: #FF0000;
  --accent: #FF3B3B;
  --bg: #090808;
  --panel: #151515;
  --panel2: #2b2b2b;
  --border: #FF0000;
  --text: #FFFFFF;

  --on-primary: #FFFFFF;
  --on-primary2: #FFFFFF;
  --on-accent: #FFFFFF;
}

/* Grundlayout */
body{ background-color: var(--bg) !important; color: var(--text) !important; }
.container{ border-color: var(--primary2) !important; background: var(--panel) !important; }

/* Überschriften */
h1, h2{
  border-color: var(--primary2) !important;
  color: var(--text) !important;
}

/* Links */
a{ color: var(--accent) !important; }
a:hover{ color: var(--primary2) !important; }

/* Buttons (Charts hat einige Klassen mit fix Rot – hier knallhart überschreiben) */
button,
input[type="submit"],
.btn,
.dashboard-button,
.vote-button,
.red-button,
.delete-button,
.edit-button,
.button,
.link-button{
  background: var(--primary) !important;
  border: 1px solid var(--primary2) !important;
  color: var(--on-primary) !important;
}
button:hover,
input[type="submit"]:hover,
.btn:hover,
.dashboard-button:hover,
.vote-button:hover,
.red-button:hover,
.delete-button:hover,
.edit-button:hover,
.button:hover,
.link-button:hover{
  background: var(--primary2) !important;
  color: var(--on-primary2) !important;
}

/* Song-List Items (in charts.css teilweise #333 fix) */
.song-list li{
  background: var(--panel2) !important;
  border: 1px solid var(--border) !important;
}

/* Tabellen / Linien */
table, th, td{ border-color: var(--border) !important; }
hr{ border-color: var(--border) !important; }

/* Inputs */
input, select, textarea{
  border-color: var(--border) !important;
  background: var(--panel2) !important;
  color: var(--text) !important;
}

/* Dark: extra sicher – falls irgendwo noch white drin ist */
html[data-theme="dark"], body[data-theme="dark"], .theme-dark{
  --border: #6B6B6B !important;
}