/* ===================================================
   Y3Data Auth Pages — Dark Mode Theme Support
   Applied to: login.php, register.php, forgot-password.php
   =================================================== */

/* Auth-specific variables (Light defaults) */
:root {
    --auth-bg: #f3f4f6;
    --auth-card-bg: #ffffff;
    --auth-input-bg: #f8fafc;
    --auth-input-focus-bg: #ffffff;
    --auth-label: #64748b;
    --auth-heading: #011633;
    --auth-subtext: #64748b;
    --auth-footer-text: #64748b;
    --auth-card-shadow: 0 20px 40px rgba(0,0,0,0.05);
    --auth-logo-shadow: 0 10px 30px rgba(13, 110, 253, 0.15);
    --auth-logo-bg: #ffffff;
    --auth-logo-border: #ffffff;
    --auth-input-border: transparent;
    --auth-input-color: #011633;
    --auth-divider: #e2e8f0;
}

/* Dark Mode Overrides */
[data-theme="dark"] {
    --auth-bg: #0f172a;
    --auth-card-bg: #1e293b;
    --auth-input-bg: #293548;
    --auth-input-focus-bg: #334155;
    --auth-label: #94a3b8;
    --auth-heading: #f1f5f9;
    --auth-subtext: #94a3b8;
    --auth-footer-text: #94a3b8;
    --auth-card-shadow: 0 20px 40px rgba(0,0,0,0.3);
    --auth-logo-shadow: 0 10px 30px rgba(13, 110, 253, 0.25);
    --auth-logo-bg: #1e293b;
    --auth-logo-border: #334155;
    --auth-input-border: #334155;
    --auth-input-color: #f1f5f9;
    --auth-divider: #334155;
}

/* Dark mode body override for auth pages */
[data-theme="dark"] body {
    background: var(--auth-bg) !important;
}

/* Auth Container */
[data-theme="dark"] .auth-form-container {
    background: var(--auth-bg) !important;
}

/* Auth Card */
[data-theme="dark"] .auth-card {
    background: var(--auth-card-bg) !important;
    box-shadow: var(--auth-card-shadow) !important;
    border: 1px solid var(--auth-divider);
}

/* Auth Logo Float */
[data-theme="dark"] .auth-logo-float {
    background: var(--auth-logo-bg) !important;
    box-shadow: var(--auth-logo-shadow) !important;
    border-color: var(--auth-logo-border) !important;
}

/* Headings */
[data-theme="dark"] .auth-header h2 {
    color: var(--auth-heading) !important;
}

[data-theme="dark"] .auth-header p {
    color: var(--auth-subtext) !important;
}

/* Labels */
[data-theme="dark"] .form-group label {
    color: var(--auth-label) !important;
}

/* Inputs */
[data-theme="dark"] .input-wrapper input,
[data-theme="dark"] .input-wrapper select {
    background: var(--auth-input-bg) !important;
    border-color: var(--auth-input-border) !important;
    color: var(--auth-input-color) !important;
}

[data-theme="dark"] .input-wrapper input:focus,
[data-theme="dark"] .input-wrapper select:focus {
    background: var(--auth-input-focus-bg) !important;
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.15) !important;
}

[data-theme="dark"] .input-wrapper input::placeholder {
    color: #64748b !important;
}

/* Password Toggle */
[data-theme="dark"] .password-toggle,
[data-theme="dark"] .toggle-password {
    color: #64748b !important;
}

[data-theme="dark"] .password-toggle:hover,
[data-theme="dark"] .toggle-password:hover {
    color: #0d6efd !important;
}

/* Auth Meta */
[data-theme="dark"] .remember-me {
    color: var(--auth-label) !important;
}

[data-theme="dark"] .forgot-link {
    color: var(--auth-heading) !important;
}

/* Footer */
[data-theme="dark"] .auth-footer {
    color: var(--auth-footer-text) !important;
}

[data-theme="dark"] .auth-footer a {
    color: #0d6efd !important;
}

/* Trust Items (Register page) */
[data-theme="dark"] .trust-item {
    background: rgba(255,255,255,0.08) !important;
}

/* Username suggestions */
[data-theme="dark"] #suggestions_list span {
    background: rgba(13, 110, 253, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(13, 110, 253, 0.25) !important;
}

/* Smooth theme transition */
body,
.auth-form-container,
.auth-card,
.auth-header h2,
.auth-header p,
.form-group label,
.input-wrapper input,
.input-wrapper select,
.auth-footer,
.remember-me,
.forgot-link,
.auth-logo-float {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}