:root { --primario-opacity-100: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-100)); --primario-opacity-90: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-90)); --primario-opacity-80: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-80)); --primario-opacity-70: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-70)); --primario-opacity-60: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-60)); --primario-opacity-50: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-50)); --primario-opacity-40: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-40)); --primario-opacity-30: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-30)); --primario-opacity-20: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-20)); --primario-opacity-10: hsla(var(--h-primario), var(--s-primario), var(--l-primario), var(--opacity-10)); --secundario-opacity-100: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-100)); --secundario-opacity-90: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-90)); --secundario-opacity-80: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-80)); --secundario-opacity-70: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-70)); --secundario-opacity-60: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-60)); --secundario-opacity-50: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-50)); --secundario-opacity-40: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-40)); --secundario-opacity-30: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-30)); --secundario-opacity-20: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-20)); --secundario-opacity-10: hsla(var(--h-secundario), var(--s-secundario), var(--l-secundario), var(--opacity-10)); --terciario-opacity-100: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-100)); --terciario-opacity-90: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-90)); --terciario-opacity-80: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-80)); --terciario-opacity-70: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-70)); --terciario-opacity-60: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-60)); --terciario-opacity-50: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-50)); --terciario-opacity-40: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-40)); --terciario-opacity-30: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-30)); --terciario-opacity-20: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-20)); --terciario-opacity-10: hsla(var(--h-terciario), var(--s-terciario), var(--l-terciario), var(--opacity-10)); --negro: hsl(0, 0%, 0%); --negro-opacity-90: hsla(0, 0%, 0%, var(--opacity-90)); --negro-opacity-80: hsla(0, 0%, 0%, var(--opacity-80)); --negro-opacity-70: hsla(0, 0%, 0%, var(--opacity-70)); --negro-opacity-60: hsla(0, 0%, 0%, var(--opacity-60)); --negro-opacity-50: hsla(0, 0%, 0%, var(--opacity-50)); --negro-opacity-40: hsla(0, 0%, 0%, var(--opacity-40)); --negro-opacity-30: hsla(0, 0%, 0%, var(--opacity-30)); --negro-opacity-20: hsla(0, 0%, 0%, var(--opacity-20)); --negro-opacity-10: hsla(0, 0%, 0%, var(--opacity-10)); --gris-claro: #efefef; --blanco: hsl(0, 0%, 100%); --blanco-opacity-90: hsla(0, 0%, 100%, var(--opacity-90)); --blanco-opacity-80: hsla(0, 0%, 100%, var(--opacity-80)); --blanco-opacity-70: hsla(0, 0%, 100%, var(--opacity-70)); --blanco-opacity-60: hsla(0, 0%, 100%, var(--opacity-60)); --blanco-opacity-50: hsla(0, 0%, 100%, var(--opacity-50)); --blanco-opacity-40: hsla(0, 0%, 100%, var(--opacity-40)); --blanco-opacity-30: hsla(0, 0%, 100%, var(--opacity-30)); --blanco-opacity-20: hsla(0, 0%, 100%, var(--opacity-20)); --blanco-opacity-10: hsla(0, 0%, 100%, var(--opacity-10)); --gris-0: hsl(0, 0%, 100%); --gris-10: hsl(0, 0%, 90%); --gris-20: hsl(0, 0%, 80%); --gris-30: hsl(0, 0%, 70%); --gris-40: hsl(0, 0%, 60%); --gris-50: hsl(0, 0%, 50%); --gris-60: hsl(0, 0%, 40%); --gris-70: hsl(0, 0%, 30%); --gris-80: hsl(0, 0%, 20%); --gris-90: hsl(0, 0%, 10%); --gris-100: hsl(0, 0%, 5%); --p-oscuro: hsla(var(--h-primario), var(--s-primario), 10%); --p-claro: hsla(var(--h-primario), var(--s-primario), 52%); --s-oscuro: hsla(var(--h-secundario), var(--s-secundario), 5%); --s-claro: hsla(var(--h-secundario), var(--s-secundario), 45%); --t-oscuro: hsla(var(--h-terciario), var(--s-terciario), 40%); --t-claro: hsla(var(--h-terciario), var(--s-terciario), 60%); --peligro: hsl(0, 75%, 50%); --advertencia: hsl(30, 100%, 50%); --exito: hsl(120, 60%, 40%); --info: hsl(200, 75%, 50%); --color-73: hsl(0 0% 94% / 0.63); --color-74: hsl(0 0% 94% / 0.37); --color-75: #efefef;}