:root{
    --verde-ideo : #C9CA00;
    --verde-ideo-transparente : #caca0077;
    --verde-oscuro:#1B2A2F;
    --gris-light : #636363;
    --gris-medium: #1b2a2f;
    --gris-dark: #111516;
    --blanco : #fff;
    --negro : #000;
}

/******************************************** COLORES */

/* VERDES */
.tx-verde{
    color: var(--verde-ideo);
}
.bg-verde{
    background-color: var(--verde-ideo);
}
.tx-verde-op50{
    color: var(--verde-ideo-transparente);
}
.bg-verde-op50{
    background-color: var(--verde-ideo-transparente);
}
.tx-verde-oscuro{
    color: var(--verde-oscuro);
}
.bg-verde-oscuro{
    background-color: var(--verde-oscuro);
}
/* BASICS */
.tx-blanco{
    color: var(--blanco);
}
.bg-blanco{
    background-color: var(--blanco);
}
.tx-negro{
    color: var(--negro);
}
.bg-negro{
    background-color: var(--negro);
}
/* GRISES */
.tx-gris-light{
    color: var(--gris-light);
}
.bg-gris-light{
    background-color: var(--gris-light);
}
.tx-gris-medium{
    color: var(--gris-medium);
}
.bg-gris-medium{
    background-color: var(--gris-medium);
}
.tx-gris-dark{
    color: var(--gris-dark);
}
.bg-gris-dark{
    background-color: var(--gris-dark);
}