/* Form Dark Mode Styles 
   This file contains specific dark mode styles for forms, inputs, 
   and text elements shared across login, signup, and password reset pages
*/

/* Text colors for dark mode */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark p,
body.dark label,
body.dark .step-text,
body.dark .timer-container {
    color: #ffffff;
}

body.dark .login-form label,
body.dark .signup-form label {
    color: #e2e8f0;
}

/* Input fields in dark mode */
body.dark .input-group input,
body.dark .otp-input {
    background-color: #2d3748;
    color: #ffffff;
    border-color: #4a5568;
}

body.dark .input-group input:focus,
body.dark .otp-input:focus {
    border-color: #63b3ed;
    background-color: #2d3748;
}

/* Links in dark mode */
body.dark a,
body.dark .forgot-password a,
body.dark .register-link a {
    color: #63b3ed;
}

body.dark a:hover,
body.dark .forgot-password a:hover,
body.dark .register-link a:hover {
    color: #90cdf4;
}

/* Step indicators in dark mode */
body.dark .step-number {
    color: #ffffff;
    background-color: #4c1d95;
}

/* Timer in dark mode */
body.dark .timer {
    color: #f56565;
}

/* Resend button in dark mode */
body.dark .resend-btn {
    color: #63b3ed;
}

body.dark .resend-btn:disabled {
    color: #718096;
}

/* Message containers in dark mode */
body.dark #message-container,
body.dark .error-message,
body.dark .verification-status {
    color: #ffffff;
}

body.dark .verification-status.success {
    background-color: rgba(39, 174, 96, 0.2);
}

body.dark .verification-status.error {
    background-color: rgba(231, 76, 60, 0.2);
}