:root { --primary: hsl(189 28% 62%); --secondary: hsl(207 90% 25%); --red: hsl(359 80% 41%); --green: hsl(100 64% 43%); --primary-l-0: rgb(156, 193, 199); --primary-l-1: rgb(181, 208, 213); --primary-l-2: rgb(205, 224, 227); --primary-l-3: rgb(230, 239, 241); --primary-d-0: rgb(87, 118, 123); --primary-d-1: rgb(44, 59, 62); --secondary-l-0: rgb(56, 106, 148); --secondary-l-1: rgb(106, 143, 175); --secondary-l-2: rgb(155, 181, 201); --secondary-l-3: rgb(205, 218, 228); --secondary-d-0: rgb(4, 46, 81); --secondary-d-1: rgb(2, 23, 40); --red-l-1: rgb(201, 68, 70); --red-l-2: rgb(215, 115, 116); --red-l-3: rgb(228, 161, 163); --red-l-4: rgb(242, 208, 209); --red-d-1: rgb(125, 14, 16); --red-d-2: rgb(63, 7, 8); --green-l-1: rgb(120, 195, 82); --green-l-2: rgb(154, 210, 125); --green-l-3: rgb(187, 225, 169); --green-l-4: rgb(221, 240, 212); --green-d-1: rgb(57, 120, 26); --green-d-2: rgb(29, 60, 13); --neutral: hsl(206 49% 10%); --neutral-l-1: rgb(26, 39, 49); --neutral-l-2: rgb(38, 51, 61); --neutral-l-3: rgb(51, 63, 72); --neutral-l-4: rgb(64, 75, 84); --neutral-l-5: rgb(77, 87, 95); --neutral-l-6: rgb(89, 99, 107); --neutral-l-7: rgb(102, 111, 118); --neutral-l-8: rgb(115, 123, 129); --neutral-l-9: rgb(128, 135, 141); --neutral-l-10: rgb(140, 147, 152); --neutral-l-11: rgb(153, 159, 164); --neutral-l-12: rgb(166, 171, 175); --neutral-l-13: rgb(179, 183, 186); --neutral-l-14: rgb(191, 195, 198); --neutral-l-15: rgb(204, 207, 209); --neutral-l-16: rgb(217, 219, 221); --neutral-l-17: rgb(230, 231, 232); --neutral-l-18: rgb(255, 255, 255);}.border-primary { border-color: var(--primary); }.border-primary-l-0 { border-color: var(--primary-l-0); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-d-0 { border-color: var(--primary-d-0); }.border-primary-d-1 { border-color: var(--primary-d-1); }