/**
 * MPUV Darkmode-Ergänzungen (zentral, in allen Layouts mit Darkmode eingebunden)
 *
 * Die Layout-<style>-Blöcke dunkeln die getönten Hintergründe ab (bg-*-50
 * → dunkle Farbe), ließen aber dunkle Farbtexte, Pastell-Rahmen, Gradients
 * und die gray-Palette unangetastet → "Grün auf Grün"-Effekt.
 * Diese Datei liefert die fehlenden Gegenstücke. Regeln nur unter .dark.
 */

/* ── Getönte Hintergründe: fehlende Stufen (-100) + Purple/Orange ─────────── */
.dark .bg-green-100   { background-color: #14532d !important; }
.dark .bg-blue-100    { background-color: #172554 !important; }
.dark .bg-red-100     { background-color: #450a0a !important; }
.dark .bg-amber-100,
.dark .bg-yellow-100  { background-color: #431407 !important; }
.dark .bg-amber-50    { background-color: #431407 !important; }
.dark .bg-yellow-50   { background-color: #431407 !important; }
.dark .bg-purple-50,
.dark .bg-purple-100  { background-color: #3b0764 !important; }
.dark .bg-orange-50,
.dark .bg-orange-100  { background-color: #431407 !important; }
.dark .bg-emerald-50,
.dark .bg-emerald-100 { background-color: #14532d !important; }
.dark .bg-teal-50,
.dark .bg-teal-100    { background-color: #134e4a !important; }

/* ── gray-Palette: wie slate behandeln ────────────────────────────────────── */
.dark .bg-gray-50     { background-color: #0f172a !important; }
.dark .bg-gray-100    { background-color: #1e293b !important; }
.dark .bg-gray-200    { background-color: #334155 !important; }
.dark .text-gray-900  { color: #f1f5f9 !important; }
.dark .text-gray-800  { color: #e2e8f0 !important; }
.dark .text-gray-700  { color: #cbd5e1 !important; }
.dark .text-gray-600  { color: #94a3b8 !important; }
.dark .text-gray-500  { color: #64748b !important; }
.dark .text-gray-400  { color: #94a3b8 !important; }
.dark .border-gray-100 { border-color: #1e293b !important; }
.dark .border-gray-200,
.dark .border-gray-300 { border-color: #334155 !important; }

/* ── Dunkle Farbtexte → helle Töne (lesbar auf abgedunkelten Flächen) ─────── */
.dark .text-green-600 { color: #4ade80 !important; }
.dark .text-green-700,
.dark .text-green-800,
.dark .text-green-900 { color: #86efac !important; }
.dark .text-emerald-600 { color: #34d399 !important; }
.dark .text-emerald-700,
.dark .text-emerald-800 { color: #6ee7b7 !important; }
.dark .text-teal-600  { color: #2dd4bf !important; }
.dark .text-teal-700,
.dark .text-teal-800  { color: #5eead4 !important; }
.dark .text-blue-600  { color: #60a5fa !important; }
.dark .text-blue-700,
.dark .text-blue-800,
.dark .text-blue-900  { color: #93c5fd !important; }
.dark .text-red-600   { color: #f87171 !important; }
.dark .text-red-700,
.dark .text-red-800,
.dark .text-red-900   { color: #fca5a5 !important; }
.dark .text-amber-600,
.dark .text-amber-700 { color: #fbbf24 !important; }
.dark .text-amber-800,
.dark .text-amber-900,
.dark .text-yellow-700,
.dark .text-yellow-800 { color: #fcd34d !important; }
.dark .text-orange-600,
.dark .text-orange-700,
.dark .text-orange-800 { color: #fdba74 !important; }
.dark .text-purple-600,
.dark .text-purple-700,
.dark .text-purple-800 { color: #d8b4fe !important; }

/* ── Pastell-Rahmen → dunkle Rahmen ───────────────────────────────────────── */
.dark .border-green-200,
.dark .border-green-300  { border-color: #166534 !important; }
.dark .border-blue-100,
.dark .border-blue-200,
.dark .border-blue-300   { border-color: #1e3a8a !important; }
.dark .border-red-200,
.dark .border-red-300    { border-color: #7f1d1d !important; }
.dark .border-amber-200,
.dark .border-amber-300,
.dark .border-yellow-200 { border-color: #78350f !important; }
.dark .border-orange-200 { border-color: #7c2d12 !important; }
.dark .border-purple-200 { border-color: #6b21a8 !important; }
.dark .border-emerald-200 { border-color: #166534 !important; }
.dark .border-teal-200    { border-color: #115e59 !important; }

/* ── Gradients: weiße Stops abdunkeln (z. B. Sticky-Footer "Profil speichern") */
.dark .from-white {
  --tw-gradient-from: #0f172a !important;
  --tw-gradient-to: rgb(15 23 42 / 0) !important;
}
.dark .via-white {
  --tw-gradient-to: rgb(15 23 42 / 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a, var(--tw-gradient-to) !important;
}
.dark .to-white   { --tw-gradient-to: #0f172a !important; }
.dark .from-slate-50 {
  --tw-gradient-from: #0f172a !important;
  --tw-gradient-to: rgb(15 23 42 / 0) !important;
}
.dark .from-blue-50 {
  --tw-gradient-from: #172554 !important;
  --tw-gradient-to: rgb(23 37 84 / 0) !important;
}
.dark .from-green-50 {
  --tw-gradient-from: #14532d !important;
  --tw-gradient-to: rgb(20 83 45 / 0) !important;
}
.dark .from-amber-50 {
  --tw-gradient-from: #431407 !important;
  --tw-gradient-to: rgb(67 20 7 / 0) !important;
}