/**
 * Vigthoria Coder — Auth pages dark theme (login, register, forgot-password)
 */

html.vigthoria-dark body,
html[data-theme="dark"] body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--vig-bg-gradient);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--vig-text-primary);
}

html.vigthoria-dark .login-container,
html[data-theme="dark"] .login-container {
    background: var(--vig-bg-card);
    backdrop-filter: var(--vig-backdrop);
    border-radius: var(--vig-radius-lg);
    padding: 3rem;
    box-shadow: var(--vig-shadow-lg);
    width: 100%;
    max-width: 420px;
    border: 1px solid var(--vig-border-muted);
}

html.vigthoria-dark .logo,
html[data-theme="dark"] .logo {
    text-align: center;
    margin-bottom: 2rem;
    color: var(--vig-text-primary);
}

html.vigthoria-dark .logo h1,
html[data-theme="dark"] .logo h1 {
    font-size: 2rem;
    font-weight: 700;
    background: var(--vig-accent-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

html.vigthoria-dark .logo p,
html[data-theme="dark"] .logo p {
    color: var(--vig-text-secondary);
    margin-top: 0.5rem;
    font-size: 0.95rem;
}

html.vigthoria-dark .form-group label,
html[data-theme="dark"] .form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--vig-text-secondary);
}

html.vigthoria-dark .form-group input,
html[data-theme="dark"] .form-group input {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--vig-border-muted);
    border-radius: var(--vig-radius-sm);
    font-size: 1rem;
    transition: border-color var(--vig-transition), box-shadow var(--vig-transition);
    background: var(--vig-bg-input);
    color: var(--vig-text-primary);
}

html.vigthoria-dark .form-group input:focus,
html[data-theme="dark"] .form-group input:focus {
    outline: none;
    border-color: var(--vig-accent);
    box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.25);
}

html.vigthoria-dark .form-group input::placeholder,
html[data-theme="dark"] .form-group input::placeholder {
    color: var(--vig-text-muted);
}

html.vigthoria-dark .password-toggle-btn,
html[data-theme="dark"] .password-toggle-btn {
    color: var(--vig-text-muted);
}

html.vigthoria-dark .password-toggle-btn:hover,
html[data-theme="dark"] .password-toggle-btn:hover {
    color: var(--vig-accent);
}

html.vigthoria-dark .login-btn,
html[data-theme="dark"] .login-btn {
    width: 100%;
    padding: 0.85rem;
    background: var(--vig-accent-gradient);
    color: #fff;
    border: none;
    border-radius: var(--vig-radius-sm);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform var(--vig-transition), box-shadow var(--vig-transition);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.35);
}

html.vigthoria-dark .login-btn:hover,
html[data-theme="dark"] .login-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.45);
}

html.vigthoria-dark .error-message,
html[data-theme="dark"] .error-message {
    background: rgba(248, 113, 113, 0.12);
    color: #fca5a5;
    border-left-color: var(--vig-danger);
}

html.vigthoria-dark .success-message,
html[data-theme="dark"] .success-message {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
    border-left-color: var(--vig-success);
}

html.vigthoria-dark .links a,
html[data-theme="dark"] .links a {
    color: var(--vig-accent);
}

html.vigthoria-dark .links a:hover,
html[data-theme="dark"] .links a:hover {
    color: var(--vig-accent-hover);
}

html.vigthoria-dark .signup-link,
html[data-theme="dark"] .signup-link {
    color: var(--vig-text-secondary);
}

html.vigthoria-dark .signup-link a,
html[data-theme="dark"] .signup-link a {
    color: var(--vig-accent);
    font-weight: 600;
}

html.vigthoria-dark .forgot-password-modal-content,
html[data-theme="dark"] .forgot-password-modal-content {
    background: var(--vig-bg-card);
    border: 1px solid var(--vig-border-muted);
    color: var(--vig-text-primary);
}

html.vigthoria-dark .modal-divider,
html[data-theme="dark"] .modal-divider {
    border-color: var(--vig-border-muted);
}