/* ===== MediMeisterschaften Branding ===== */
:root { --mm-pink:#ff1590; --mm-storm:#081422; --mm-storm-2:#0d1d31; }

/* Hintergrund: MM-Dunkelblau mit dezentem Verlauf (Dunkelmodus) */
html.dark body { background-color: var(--mm-storm) !important; }
html.dark #app { background: radial-gradient(1200px 600px at 50% -10%, var(--mm-storm-2), var(--mm-storm)) !important; }
/* Karten/Header im Dunkelmodus minimal aufgehellt gegen das Navy */
html.dark header { background-color: rgba(13,29,49,0.6) !important; }

/* Logo-Container vergrößern (Gatus begrenzt auf 48px) */
header a > div:first-child { width: 56px !important; height: 56px !important; }
/* Logo nur im Dunkelmodus invertieren, damit es auf dem Navy sichtbar ist */
html.dark header img { filter: invert(1) hue-rotate(180deg); }

/* Englischen Header-Untertitel durch Marke ersetzen */
header h1 + p { font-size: 0 !important; }
header h1 + p::after { content: "MediMeisterschaften"; font-size: 0.875rem; }

/* Akzentfarbe Pink statt Blau (Links, Sortier-Buttons, Fokus) */
a, .text-blue-600, .text-blue-500, .hover\:text-blue-700:hover { color: var(--mm-pink) !important; }
.bg-blue-500, .bg-blue-600 { background-color: var(--mm-pink) !important; }
.border-blue-500, .border-blue-600, .border-blue-200 { border-color: var(--mm-pink) !important; }

/* Überschrift kräftiger */
h1.text-2xl { color: var(--mm-pink); }
h1 { letter-spacing: -0.01em; }