:root {
    --main-color: #252ba1;
    --secondary-color: #fc780b;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa; /* Bootstrap light background */
}

/* Custom color for the buttons to keep the green/emerald theme */
.btn-success-custom {
    background-color: var(--main-color); /* Emerald 500 */
    border-color: var(--main-color); /* Emerald 600 */
    color: white;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

    .btn-success-custom:hover {
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
        color: white;
    }

.form-control:focus, .form-select:focus {
    border-color: #10B981;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25); /* Focus shadow for green theme */
}

/* Hide elements controlled by JS by default */
.registration-view {
    display: none;
}

.login-view {
    display: block;
}

/* Ensure the body takes up full viewport height for centering */
html, body {
    height: 100%;
}

#vendor-registration-form{
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
}