/* ============================================================
   Auth Dark Theme – passt Login/Registrierung farblich an die
   Startseite an (Palette aus index.php). Wird NACH style.css
   geladen und überschreibt gezielt die hellen Auth-Styles.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600;700;800&display=swap');

html, body {
    background: #08090c;
    color: #f4f5f7;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Header / Nav */
.header {
    background: rgba(8, 9, 12, 0.88);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid #262932;
}
.logo-capital { color: #f4f5f7; }
.logo-flow    { color: #E0B458; }
.logo-academy { color: #a2a8b4; }
.nav-links a { color: #a2a8b4; }
.nav-links a:hover { color: #E0B458; background: rgba(255, 255, 255, 0.06); }

/* Auth layout */
.auth-page { background: #08090c; }
.auth-card {
    background: #15171e;
    border: 1px solid #262932;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}
.auth-card h1 {
    color: #f4f5f7;
    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: -0.3px;
}
.auth-card .subtitle { color: #a2a8b4; }

/* Form fields */
.form-group label { color: #f4f5f7; }
.form-group input {
    background: #0e1016;
    border: 2px solid #262932;
    color: #f4f5f7;
}
.form-group input:focus {
    border-color: #E0B458;
    box-shadow: 0 0 0 4px rgba(224, 180, 88, 0.15);
    background: #0e1016;
}
.form-group input::placeholder { color: #6a7080; }

/* Messages */
.error-message {
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Links + Buttons */
.forgot-password-link a,
.auth-footer a { color: #E0B458; }
.forgot-password-link a:hover,
.auth-footer a:hover { color: #f0d089; }

.btn-primary {
    background: linear-gradient(135deg, #E0B458 0%, #caa44e 100%);
    color: #1a1407;
    box-shadow: 0 10px 30px rgba(224, 180, 88, 0.25);
}
.btn-primary:hover {
    box-shadow: 0 14px 38px rgba(224, 180, 88, 0.4);
}

/* Footer */
.footer {
    background: #0b0d12;
    color: #a2a8b4;
    border-top: 1px solid #262932;
}
.footer-social a {
    background: #15171e;
    border: 1px solid #262932;
}
.footer-social a:hover { background: #E0B458; }
.footer-social a:hover svg { fill: #1a1407; }
.footer-links a { color: #a2a8b4; }
.footer-links a:hover { color: #E0B458; }