.bg-\[--red\]{background-color:var(--red)}
.bg-\[--red\]\/10{background-color:color-mix(in srgb,var(--red) 10%,transparent)}
.border-\[--red\]\/25{border-color:color-mix(in srgb,var(--red) 25%,transparent)}
.group:hover .group-hover\:border-\[--red\]\/25{border-color:color-mix(in srgb,var(--red) 25%,transparent)}
.hover\:bg-\[--red\]:hover{background-color:var(--red)}
.hover\:border-\[--red\]:hover{border-color:var(--red)}
.hover\:text-\[--red\]:hover{color:var(--red)}
.text-\[--red\]{color:var(--red)}
.text-\[--red\]\/40{color:color-mix(in srgb,var(--red) 40%,transparent)}
.text-\[--red\]\/60{color:color-mix(in srgb,var(--red) 60%,transparent)}