/* === GLOBAL THEME (red) === */
:root{
  --primary: #F00000;
  --primary2: #FF0000;
  --accent: #FF3B3B;

  --page-bg: #000000;
  --panel: #140A0A;
  --panel2: #1E1010;

  --border: #FF0000;
  --text: #FFFFFF;
  --danger: #FF0000;

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

/* Baseline */
body { background: var(--page-bg) !important; color: var(--text) !important; }

/* Häufige Container */
.container, .login-container, .panel, .box {
  background: var(--panel) !important;
  border-color: var(--primary2) !important;
  color: var(--text) !important;
}

/* Tabellen */
table { background: var(--panel) !important; border-color: var(--border) !important; color: var(--text) !important; }
th, td { border-color: var(--border) !important; }
tr:nth-child(even) { background: var(--panel2) !important; }

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

/* Buttons */
button, input[type="submit"], .btn {
  background: var(--primary) !important;
  border-color: var(--primary2) !important;
  color: var(--on-primary) !important;
}
button:hover, input[type="submit"]:hover, .btn:hover {
  background: var(--primary2) !important;
  color: var(--on-primary2) !important;
}