:root {
    --primary-color: #1c5c75;
    --secondary-color: #144a5e;
    --accent-color: #2a7a96;
    --text-dark: #1f2937;
    --text-light: #6b7280;
    --bg-light: #f8f6f2;
    --bitus-secondary: #f8f6f2;
}

.modal-header {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    color: white;
    border-bottom: none;
}

.modal-header .btn-close {
    filter: invert(1);
}

.btn-primary-modal {
    background: var(--primary-color);
    border: none;
    border-radius: 50px;
    padding: 12px 24px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary-modal:hover {
    background: var(--secondary-color);
    transform: translateY(-1px);
}

#sendrecoverylinkbtn:disabled,
#loginbtn:disabled {
    opacity: 1;
    pointer-events: none;
    background: var(--primary-color);
    color: var(--bitus-secondary) !important;
    cursor: not-allowed;
}

.forgot-password-link {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
}

.forgot-password-link:hover {
    color: var(--secondary-color);
    text-decoration: underline;
}