:root {
    --azul-principal: #0058CB;
    --azul-secundario: #00AEE5;
    --azul-oscuro: #002D6F;
    --verde-asesuisa: #2DC84D;
    --blanco: #fff;
    --azul-acero: #768692;
    --negro80: #272425;
    --negro60: #4E4E4E;
    --gris-oscuro: #9B9A9A;
    --gris1: #7F7F7F;
    --gris2: #AFAFAF;
    --gris3: #F0F0F0;
}

.text-primary-blue {
    color: var(--azul-principal);
}

.text-primary-blue-dark {
    color: var(--azul-oscuro);
}

.text-secondary-blue {
    color: var(--azul-secundario);
}

.text-gris-1 {
    color: var(--gris1);
}

.text-primary-blue-gradient {
    background-image: linear-gradient(90deg, #0058CB 0%, #00AEE5 50%, #2DC84D 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}