/* =====================================================
 *  Light-Theme Override
 *  Akzent: #dd0000 · Schrift: schwarz · Hintergrund: hell
 *  Wird auf allen Seiten nach Tailwind geladen und
 *  ueberschreibt die dunklen Utility-Klassen (!important).
 * ===================================================== */

:root {
    --accent:      #dd0000;
    --accent-dark: #b00000;
    --accent-light:#ef2b2b;
}

/* ---- Grundflaeche ---- */
html, body {
    background-color: #f4f5f7 !important;
    color: #111111 !important;
}

.bg-shell {
    background:
        radial-gradient(1200px 600px at 15% -10%, rgba(221,0,0,0.06), transparent 60%),
        radial-gradient(900px 500px at 110% 10%, rgba(221,0,0,0.04), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    background-attachment: fixed;
}

/* ---- Dunkle Flaechen -> hell ---- */
.bg-slate-950, .bg-slate-950\/95, .bg-slate-950\/70, .bg-slate-950\/60, .bg-slate-950\/40,
.bg-slate-900, .bg-slate-900\/80, .bg-slate-900\/60, .bg-slate-900\/40 {
    background-color: #ffffff !important;
}
.bg-slate-800, .bg-slate-800\/80, .bg-slate-800\/60, .bg-slate-800\/40 {
    background-color: #f1f5f9 !important;
}
.bg-slate-700 { background-color: #e2e8f0 !important; }

/* ---- Helle Schrift -> dunkel ---- */
.text-slate-100 { color: #0f172a !important; }
.text-slate-200 { color: #111827 !important; }
.text-slate-300 { color: #1f2937 !important; }
.text-slate-400 { color: #4b5563 !important; }
.text-slate-500 { color: #6b7280 !important; }
.text-slate-600 { color: #94a3b8 !important; }

/* ---- Raender / Divider ---- */
.border-slate-800, .border-slate-800\/80, .border-slate-800\/60,
.border-slate-700\/60, .border-slate-700\/50, .border-slate-700\/40,
.border-slate-700 {
    border-color: #e5e7eb !important;
}
.divide-slate-800 > :not([hidden]) ~ :not([hidden]),
.divide-slate-800\/80 > :not([hidden]) ~ :not([hidden]) {
    border-color: #e5e7eb !important;
}

/* ---- Ringe ---- */
.ring-slate-600, .ring-slate-700, .ring-slate-700\/60 { --tw-ring-color: #d1d5db !important; }
.ring-indigo-500,
.focus\:ring-indigo-500:focus,
.focus-within\:ring-indigo-500:focus-within { --tw-ring-color: var(--accent) !important; }
.ring-white\/10 { --tw-ring-color: rgba(0,0,0,0.08) !important; }

/* ---- Platzhalter ---- */
.placeholder\:text-slate-500::placeholder,
.placeholder\:text-slate-600::placeholder { color: #9ca3af !important; }

/* ---- Akzent: Indigo/Sky -> Rot ---- */
.bg-indigo-500, .bg-indigo-600 { background-color: var(--accent) !important; }
.bg-indigo-700, .active\:bg-indigo-700:active { background-color: var(--accent-dark) !important; }
.hover\:bg-indigo-500:hover { background-color: var(--accent) !important; }
.hover\:bg-indigo-400:hover { background-color: var(--accent-light) !important; }

.text-indigo-200, .text-indigo-300, .text-indigo-400, .text-indigo-500 { color: var(--accent) !important; }

.bg-indigo-500\/10 { background-color: rgba(221,0,0,0.08) !important; }

/* Farbverlaeufe (Buttons, Logo-Avatar) -> Rot */
.from-indigo-400, .from-indigo-500 {
    --tw-gradient-from: var(--accent) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(221,0,0,0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-sky-400, .to-sky-500 { --tw-gradient-to: var(--accent-dark) var(--tw-gradient-to-position) !important; }
.hover\:from-indigo-400:hover {
    --tw-gradient-from: var(--accent-light) var(--tw-gradient-from-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.hover\:to-sky-400:hover { --tw-gradient-to: var(--accent) var(--tw-gradient-to-position) !important; }

/* Aktives Sidebar-Item (heller Rot-Verlauf) */
.from-indigo-500\/20 { --tw-gradient-from: rgba(221,0,0,0.14) var(--tw-gradient-from-position) !important;
                       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-sky-500\/10 { --tw-gradient-to: rgba(221,0,0,0.06) var(--tw-gradient-to-position) !important; }
.border-indigo-500\/30 { border-color: rgba(221,0,0,0.35) !important; }

/* Schatten dezenter auf hellem Grund */
.shadow-indigo-500\/20, .shadow-indigo-500\/25, .shadow-indigo-600\/20 {
    --tw-shadow-color: rgba(221,0,0,0.25) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-slate-950\/50 { --tw-shadow-color: rgba(15,23,42,0.12) !important;
                        --tw-shadow: var(--tw-shadow-colored) !important; }

/* ---- Status-Farben lesbar halten ---- */
.text-red-200, .text-red-300, .text-rose-200 { color: #b00000 !important; }
.text-emerald-200 { color: #047857 !important; }
.text-emerald-400 { color: #059669 !important; }

/* ---- Weisse Schrift, die sonst auf hellem Grund verschwindet ---- */
.hover\:text-white:hover { color: #111111 !important; }

/* Fokus-Ring einheitlich rot */
:focus-visible { outline-color: var(--accent) !important; }