:root {
    --primary-red: #ae2c2c;
    --primary-gray: #5e5e5e;
    --background: #f8f9fa;
    --text-dark: #212529;
    --success: #198754;
    --warning: #ffc107;
    --danger: #dc3545;
    --accent-beige: #dee2e6;
}
body.login-page {
    background: var(--background) !important;
    color: var(--text-dark);
}

.login-card {
    background: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 4px 24px 0 rgba(88,92,90,0.08);
    border: 1px solid var(--accent-beige);
}

.login-card .form-label {
    color: var(--primary-gray);
}

.login-card .form-control {
    border-radius: 0.5rem;
    border: 1px solid var(--accent-beige);
    color: var(--text-dark);
}

.login-card .form-check-label {
    color: var(--primary-gray);
}

.login-card .btn-primary, .login-card x-primary-button, .login-card button[type="submit"], .login-card [type="submit"].btn {
    background: var(--primary-red) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.login-card .btn-primary:hover, .login-card x-primary-button:hover, .login-card button[type="submit"]:hover, .login-card [type="submit"].btn:hover {
    background: #871f1b !important;
    color: #fff !important;
}

.login-card .text-primary, .login-card h2.fw-bold {
    color: var(--primary-red) !important;
}

.login-card .text-muted, .login-card p.text-muted {
    color: var(--primary-gray) !important;
}

.login-card .text-primary {
    color: var(--primary-red) !important;
}

.login-card .text-muted {
    color: var(--primary-gray) !important;
}

.login-card .alert-success {
    background: var(--success);
    color: #fff;
    border: none;
}

.login-card .alert-danger {
    background: var(--danger);
    color: #fff;
    border: none;
}