/* Custom Blue and Inter Font */
:root {
    /*--primary-blue: #1D4ED8;*/ /* Tailwind blue-700 equivalent */
    --primary-blue: #005A9C; /* Tailwind blue-700 equivalent */
}
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--primary-blue);
}
.login-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-login {
    background-color: var(--primary-blue);
    transition: background-color 0.3s;
}
.btn-login:hover {
    background-color: #1E40AF; /* Tailwind blue-800 equivalent */
}
.input-group-text {
    /* Fix: @apply only works inside a component style block, but for general CSS we apply the properties manually */
    background-color: #f3f4f6; /* bg-gray-100 */
    border-right-width: 0;
    border-color: #d1d5db; /* border-gray-300 */
    color: #6b7280; /* text-gray-500 */
    border-top-left-radius: 0.5rem; /* rounded-l-lg */
    border-bottom-left-radius: 0.5rem; /* rounded-l-lg */
    display: flex;
    align-items: center;
    padding: 0.75rem;
}