/* ==========================================================================
   SITE-WEIT: MagicHills-Farbschema für alle noch "alten" Tailwind-Seiten
   (Team-Unterseiten, Login, Rechtliches). Überschreibt NUR Farben/Rahmen/
   Hintergründe der bestehenden Tailwind-Klassen per !important - die
   komplette Struktur/Anordnung jeder Seite bleibt unangetastet.
   ========================================================================== */

/* Seiten-Hintergrund: gleicher Verlauf + Glow wie im Forum */
body.bg-slate-900,
body {
  background: radial-gradient(circle at top, rgba(255, 139, 55, 0.14), transparent 28%),
              linear-gradient(180deg, #060613 0%, #09091f 40%, #120437 100%) !important;
  min-height: 100vh;
  color: var(--text) !important;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.8;
  background-image: radial-gradient(circle at 20% 10%, rgba(255, 139, 55, 0.14), transparent 18%),
                    radial-gradient(circle at 80% 15%, rgba(164, 93, 255, 0.12), transparent 15%);
}

body > * {
  position: relative;
  z-index: 1;
}

/* Panels / Karten (vorher bg-slate-800 / bg-slate-900 als Box) */
.bg-slate-800 {
  background: linear-gradient(180deg, rgba(36, 32, 70, 0.96), rgba(28, 25, 58, 0.94)) !important;
}
.bg-slate-800\/50 { background: rgba(30, 27, 60, 0.55) !important; }
.bg-slate-800\/40 { background: rgba(30, 27, 60, 0.45) !important; }
.bg-slate-800\/30 { background: rgba(30, 27, 60, 0.35) !important; }
.bg-slate-900\/50 { background: rgba(6, 8, 22, 0.55) !important; }
.bg-slate-900\/40 { background: rgba(6, 8, 22, 0.45) !important; }
.bg-slate-900\/30 { background: rgba(6, 8, 22, 0.35) !important; }
.bg-slate-900\/20 { background: rgba(6, 8, 22, 0.25) !important; }
.bg-slate-900\/60 { background: rgba(6, 8, 22, 0.6) !important; }

/* Eingabefelder / vertiefte Flächen (vorher bg-slate-900 als Feld) */
input.bg-slate-900, textarea.bg-slate-900, select.bg-slate-900, div.bg-slate-900 {
  background: rgba(6, 8, 22, 0.7) !important;
}

/* Buttons / kleinere Flächen (vorher bg-slate-700) */
.bg-slate-700, .hover\:bg-slate-600:hover, .hover\:bg-slate-700:hover, .hover\:bg-slate-900:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}
.bg-slate-700\/50 { background: rgba(255, 255, 255, 0.05) !important; }

/* Rahmen */
.border-slate-700, .border-slate-600, .border-slate-800,
.border-slate-700\/60, .border-slate-700\/50, .border-slate-700\/40, .border-slate-700\/30,
.divide-slate-700 > :not([hidden]) ~ :not([hidden]),
.divide-slate-700\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--border) !important;
}

/* Textfarben */
.text-slate-200, .text-slate-300 { color: var(--text) !important; }
.text-slate-400, .text-slate-500, .hover\:text-slate-400:hover { color: var(--muted) !important; }

/* Akzentfarbe Blau -> Orange (MagicHills-Akzent) */
.text-blue-400, .text-blue-300, .text-blue-400\/80, .hover\:text-blue-400:hover, .hover\:text-blue-300:hover {
  color: var(--accent) !important;
}
.bg-blue-600 { background: linear-gradient(120deg, var(--accent), var(--accent-strong)) !important; border-color: transparent !important; }
.hover\:bg-blue-500:hover { filter: brightness(1.1); }
.border-blue-500, .border-blue-800 { border-color: rgba(255, 139, 55, 0.4) !important; }
.ring-blue-500 { --tw-ring-color: rgba(255, 139, 55, 0.5) !important; }
.bg-blue-900\/20 { background: rgba(255, 139, 55, 0.1) !important; }

/* Lila bleibt lila, nur auf den Theme-Ton gemappt */
.text-purple-400 { color: #c9a8ff !important; }
.bg-purple-600 { background: linear-gradient(120deg, var(--accent-strong), var(--accent)) !important; }
.hover\:bg-purple-500:hover { filter: brightness(1.1); }

/* Grün/Emerald (Erfolg/Bestätigen) - Ton passend abgedunkelt statt reinem Tailwind-Grün */
.text-emerald-400, .text-emerald-200, .text-emerald-600 { color: #7bd3a4 !important; }
.bg-emerald-600, .bg-emerald-500 { background: #4fae7c !important; }
.hover\:bg-emerald-500:hover { filter: brightness(1.1); }
.border-emerald-500, .border-emerald-800, .border-emerald-700 { border-color: rgba(123, 211, 164, 0.4) !important; }
.bg-emerald-950\/60 { background: rgba(123, 211, 164, 0.12) !important; }
.bg-emerald-900\/50 { background: rgba(123, 211, 164, 0.1) !important; }
.ring-emerald-500 { --tw-ring-color: rgba(123, 211, 164, 0.5) !important; }

/* Orange war schon nah am Theme, nur leicht angepasst */
.text-orange-400 { color: var(--accent) !important; }

/* Amber/Gelb (Warnung/Hinweis) */
.text-amber-400, .text-amber-300 { color: #ffd580 !important; }
.border-amber-500, .border-amber-800, .border-amber-500\/50 { border-color: rgba(255, 213, 128, 0.4) !important; }
.hover\:bg-amber-600:hover, .hover\:bg-amber-500:hover { filter: brightness(1.1); }
.bg-amber-900\/20 { background: rgba(255, 213, 128, 0.1) !important; }

/* Rot (Gefahr/Löschen/Ablehnen) */
.text-red-400, .text-red-500\/60 { color: #ff9b9b !important; }
.text-red-200 { color: #ffd4d4 !important; }
.bg-red-950, .bg-red-950\/60 { background: rgba(255, 70, 70, 0.12) !important; }
.bg-red-900\/50 { background: rgba(255, 70, 70, 0.14) !important; }
.bg-red-700 { background: #b23a3a !important; }
.border-red-700, .border-red-700\/50, .border-red-900 { border-color: rgba(255, 70, 70, 0.35) !important; }
.hover\:bg-red-900:hover, .hover\:bg-red-600:hover { filter: brightness(1.15); }

/* Footer-typische Trennlinie/Feinjustierung, falls vorhanden */
.border-slate-800\/60 { border-color: var(--border) !important; }