:root { --testi: hsl(230, 100%, 50%); --testi-l-1: hsl(230, 100%, 55%); --testi-l-2: hsl(230, 100%, 59%); --testi-l-3: hsl(230, 100%, 64%); --testi-l-4: hsl(230, 100%, 68%); --testi-l-5: hsl(230, 100%, 73%); --testi-l-6: hsl(230, 100%, 77%); --testi-l-7: hsl(230, 100%, 82%); --testi-l-8: hsl(230, 100%, 86%); --testi-l-9: hsl(230, 100%, 91%); --testi-l-10: hsl(230, 100%, 95%); --testi-d-1: hsl(230, 100%, 45%); --testi-d-2: hsl(230, 100%, 41%); --testi-d-3: hsl(230, 100%, 36%); --testi-d-4: hsl(230, 100%, 32%); --testi-d-5: hsl(230, 100%, 27%); --testi-d-6: hsl(230, 100%, 23%); --testi-d-7: hsl(230, 100%, 18%); --testi-d-8: hsl(230, 100%, 14%); --testi-d-9: hsl(230, 100%, 9%); --testi-d-10: hsl(230, 100%, 5%); --testi-t-1: hsla(230, 100%, 95%, 0.09); --testi-t-2: hsla(230, 100%, 91%, 0.18); --testi-t-3: hsla(230, 100%, 86%, 0.27); --testi-t-4: hsla(230, 100%, 82%, 0.36); --testi-t-5: hsla(230, 100%, 77%, 0.45); --testi-t-6: hsla(230, 100%, 73%, 0.55); --testi-t-7: hsla(230, 100%, 68%, 0.64); --testi-t-8: hsla(230, 100%, 64%, 0.73); --testi-t-9: hsla(230, 100%, 59%, 0.82); --testi-t-10: hsla(230, 100%, 55%, 0.91);}.text-testi { color: var(--testi); }.text-testi-l-1 { color: var(--testi-l-1); }.text-testi-l-2 { color: var(--testi-l-2); }.text-testi-l-3 { color: var(--testi-l-3); }.text-testi-l-4 { color: var(--testi-l-4); }.text-testi-l-5 { color: var(--testi-l-5); }.text-testi-l-6 { color: var(--testi-l-6); }.text-testi-l-7 { color: var(--testi-l-7); }.text-testi-l-8 { color: var(--testi-l-8); }.text-testi-l-9 { color: var(--testi-l-9); }.text-testi-l-10 { color: var(--testi-l-10); }.text-testi-d-1 { color: var(--testi-d-1); }.text-testi-d-2 { color: var(--testi-d-2); }.text-testi-d-3 { color: var(--testi-d-3); }.text-testi-d-4 { color: var(--testi-d-4); }.text-testi-d-5 { color: var(--testi-d-5); }.text-testi-d-6 { color: var(--testi-d-6); }.text-testi-d-7 { color: var(--testi-d-7); }.text-testi-d-8 { color: var(--testi-d-8); }.text-testi-d-9 { color: var(--testi-d-9); }.text-testi-d-10 { color: var(--testi-d-10); }.text-testi-t-1 { color: var(--testi-t-1); }.text-testi-t-2 { color: var(--testi-t-2); }.text-testi-t-3 { color: var(--testi-t-3); }.text-testi-t-4 { color: var(--testi-t-4); }.text-testi-t-5 { color: var(--testi-t-5); }.text-testi-t-6 { color: var(--testi-t-6); }.text-testi-t-7 { color: var(--testi-t-7); }.text-testi-t-8 { color: var(--testi-t-8); }.text-testi-t-9 { color: var(--testi-t-9); }.text-testi-t-10 { color: var(--testi-t-10); }