/* Anmelde- und Registrierseiten im hellen Modus. Gilt nur, wenn die Oberflaeche auf hell steht
   (theme.js setzt data-theme="hell" aus dem Browser-Speicher, noch vor dem Login). */
:root[data-theme="hell"] { --bg-dark: #f4f3f9; --border-color: rgba(23, 22, 34, 0.12); --text-primary: #17161f; --text-secondary: #5b5870; }
:root[data-theme="hell"] body { background-color: #f4f3f9; color: #17161f; }
:root[data-theme="hell"] body::before { opacity: .55; }
:root[data-theme="hell"] .form-container, :root[data-theme="hell"] .auth-card, :root[data-theme="hell"] .card { background: #ffffff; border-color: rgba(23, 22, 34, 0.1); box-shadow: 0 24px 60px -30px rgba(23, 22, 34, 0.25); }
:root[data-theme="hell"] .form-container input, :root[data-theme="hell"] input[type="email"], :root[data-theme="hell"] input[type="password"], :root[data-theme="hell"] input[type="text"] { background-color: #ffffff; color: #17161f; border-color: rgba(23, 22, 34, 0.16); }
:root[data-theme="hell"] .form-container input::placeholder, :root[data-theme="hell"] input::placeholder { color: #9a97ad; }
:root[data-theme="hell"] .form-container input:focus, :root[data-theme="hell"] input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.18); }
:root[data-theme="hell"] .form-container label, :root[data-theme="hell"] label { color: #5b5870; }
:root[data-theme="hell"] .form-container p, :root[data-theme="hell"] .links, :root[data-theme="hell"] footer, :root[data-theme="hell"] .text-gray-400, :root[data-theme="hell"] .text-gray-500 { color: #5b5870; }
:root[data-theme="hell"] .form-container .links a, :root[data-theme="hell"] a { color: var(--primary-dark, #5b3fd6); }
:root[data-theme="hell"] .text-white, :root[data-theme="hell"] h1, :root[data-theme="hell"] h2 { color: #17161f; }
:root[data-theme="hell"] .bg-\[\#0f0d15\], :root[data-theme="hell"] .bg-\[\#050507\], :root[data-theme="hell"] .bg-bg-dark { background-color: #f4f3f9 !important; }
:root[data-theme="hell"] .bg-white\/5, :root[data-theme="hell"] .bg-white\/\[0\.03\], :root[data-theme="hell"] .bg-white\/10 { background-color: #ffffff !important; border-color: rgba(23, 22, 34, 0.1) !important; }
:root[data-theme="hell"] .border-white\/10, :root[data-theme="hell"] .border-white\/5 { border-color: rgba(23, 22, 34, 0.12) !important; }
:root[data-theme="hell"] #message-box.error { background: #fdecec; color: #9f1d1d; border-color: rgba(220, 38, 38, .3); }
:root[data-theme="hell"] #message-box.success { background: #e6f4ec; color: #1f7a4d; border-color: rgba(31, 122, 77, .3); }
:root[data-theme="hell"] #loading-overlay { background: rgba(244, 243, 249, 0.85); }
:root[data-theme="hell"] #loading-overlay p { color: #17161f; }

/* Logo-Bogen (das Laecheln unterm Kreis) ist hart weiss gezeichnet — im Hellen dunkel, sonst unsichtbar */
:root[data-theme="hell"] svg path[stroke="white"], :root[data-theme="hell"] svg path[stroke="#fff"], :root[data-theme="hell"] svg path[stroke="#ffffff"], :root[data-theme="hell"] .logo-bogen { stroke: #17161f !important; }