:root {
    --azul-oscuro: #1F3A5F;
    --azul-medio: #2E5EAA;
    --gris-claro: #F4F6F8;
    --blanco: #FFFFFF;
    --verde-ok: #2E7D32;
    --amarillo: #F9A825;
    --rojo: #C62828;
}

body {
    font-family: 'Inter', 'Roboto', Arial, sans-serif;
    background: var(--gris-claro);
}

.text-primary {
    color: var(--azul-medio) !important;
}

.btn-primary {
    background-color: var(--azul-medio);
    border-color: var(--azul-medio);
}

.btn-primary:hover {
    background-color: var(--azul-oscuro);
    border-color: var(--azul-oscuro);
}

.card {
    border-radius: 12px;
}