:root {
    --global-yellow: #FFB800;
    --global-blue: #0090D4;
    --global-navy: #2B4694;
}

.background-gradient {
    background: linear-gradient(to bottom, var(--global-yellow), var(--global-blue));
}

.text-navy {
    color: var(--global-navy);
}

.text-blue {
    color: var(--global-blue);
}

.hover-navy:hover {
    color: var(--global-navy) !important;
    transition: color 0.3s ease;
}

.max-w-md {
    max-width: 400px;
}

.custom-input {
    border-color: var(--global-blue);
}

    .custom-input:focus {
        border-color: var(--global-navy);
        box-shadow: 0 0 0 0.25rem rgba(43, 70, 148, 0.25);
    }

.custom-button {
    background-color: var(--global-navy) !important;
    border-color: var(--global-navy) !important;
}

    .custom-button:hover {
        background-color: #1a2b5a !important;
        border-color: #1a2b5a !important;
    }

/* Responsive düzenlemeler */
@media (max-width: 576px) {
    .card {
        margin: 0 1rem;
    }
}

form label {
    width: -webkit-fill-available;
}