:root { --primary-c: hsl(2 79% 59%); --primary-c-t-1: rgba(235, 90, 85, 0.91); --primary-c-t-2: rgba(237, 106, 102, 0.82); --primary-c-t-3: rgba(239, 123, 119, 0.73); --primary-c-t-4: rgba(241, 139, 136, 0.64); --primary-c-t-5: rgba(243, 156, 153, 0.55); --primary-c-t-6: rgba(245, 172, 170, 0.45); --primary-c-t-7: rgba(247, 189, 187, 0.36); --primary-c-t-8: rgba(249, 205, 204, 0.27); --primary-c-t-9: rgba(251, 222, 221, 0.18); --primary-c-t-10: rgba(253, 238, 238, 0.09); --primary-c-l-1: rgb(237, 109, 105); --primary-c-l-2: rgb(242, 146, 143); --primary-c-l-3: rgb(246, 182, 180); --primary-c-l-4: rgb(251, 219, 218); --primary-c-d-1: rgb(186, 58, 54); --primary-c-d-2: rgb(140, 44, 41); --primary-c-d-3: rgb(93, 29, 27); --primary-c-d-4: rgb(47, 15, 14); --new: hsl(300 100% 73% / 0.4666666666666667); --new-t-1: rgba(255, 130, 255, 0.91); --new-t-2: rgba(255, 142, 255, 0.82); --new-t-3: rgba(255, 155, 255, 0.73); --new-t-4: rgba(255, 167, 255, 0.64); --new-t-5: rgba(255, 180, 255, 0.55); --new-t-6: rgba(255, 192, 255, 0.45); --new-t-7: rgba(255, 205, 255, 0.36); --new-t-8: rgba(255, 217, 255, 0.27); --new-t-9: rgba(255, 230, 255, 0.18); --new-t-10: rgba(255, 242, 255, 0.09); --new-l-1: rgb(255, 145, 255); --new-l-2: rgb(255, 172, 255); --new-l-3: rgb(255, 200, 255); --new-l-4: rgb(255, 227, 255); --new-d-1: rgb(204, 94, 204); --new-d-2: rgb(153, 70, 153); --new-d-3: rgb(102, 47, 102); --new-d-4: rgb(51, 23, 51);}.bg-primary-c { background-color: var(--primary-c); }.bg-primary-c-t-1 { background-color: var(--primary-c-t-1); }.bg-primary-c-t-2 { background-color: var(--primary-c-t-2); }.bg-primary-c-t-3 { background-color: var(--primary-c-t-3); }.bg-primary-c-t-4 { background-color: var(--primary-c-t-4); }.bg-primary-c-t-5 { background-color: var(--primary-c-t-5); }.bg-primary-c-t-6 { background-color: var(--primary-c-t-6); }.bg-primary-c-t-7 { background-color: var(--primary-c-t-7); }.bg-primary-c-t-8 { background-color: var(--primary-c-t-8); }.bg-primary-c-t-9 { background-color: var(--primary-c-t-9); }.bg-primary-c-t-10 { background-color: var(--primary-c-t-10); }.bg-primary-c-l-1 { background-color: var(--primary-c-l-1); }.bg-primary-c-l-2 { background-color: var(--primary-c-l-2); }.bg-primary-c-l-3 { background-color: var(--primary-c-l-3); }.bg-primary-c-l-4 { background-color: var(--primary-c-l-4); }.bg-primary-c-d-1 { background-color: var(--primary-c-d-1); }.bg-primary-c-d-2 { background-color: var(--primary-c-d-2); }.bg-primary-c-d-3 { background-color: var(--primary-c-d-3); }.bg-primary-c-d-4 { background-color: var(--primary-c-d-4); }.text-primary-c { color: var(--primary-c); }.text-primary-c-t-1 { color: var(--primary-c-t-1); }.text-primary-c-t-2 { color: var(--primary-c-t-2); }.text-primary-c-t-3 { color: var(--primary-c-t-3); }.text-primary-c-t-4 { color: var(--primary-c-t-4); }.text-primary-c-t-5 { color: var(--primary-c-t-5); }.text-primary-c-t-6 { color: var(--primary-c-t-6); }.text-primary-c-t-7 { color: var(--primary-c-t-7); }.text-primary-c-t-8 { color: var(--primary-c-t-8); }.text-primary-c-t-9 { color: var(--primary-c-t-9); }.text-primary-c-t-10 { color: var(--primary-c-t-10); }.text-primary-c-l-1 { color: var(--primary-c-l-1); }.text-primary-c-l-2 { color: var(--primary-c-l-2); }.text-primary-c-l-3 { color: var(--primary-c-l-3); }.text-primary-c-l-4 { color: var(--primary-c-l-4); }.text-primary-c-d-1 { color: var(--primary-c-d-1); }.text-primary-c-d-2 { color: var(--primary-c-d-2); }.text-primary-c-d-3 { color: var(--primary-c-d-3); }.text-primary-c-d-4 { color: var(--primary-c-d-4); }.border-primary-c { border-color: var(--primary-c); }.border-primary-c-t-1 { border-color: var(--primary-c-t-1); }.border-primary-c-t-2 { border-color: var(--primary-c-t-2); }.border-primary-c-t-3 { border-color: var(--primary-c-t-3); }.border-primary-c-t-4 { border-color: var(--primary-c-t-4); }.border-primary-c-t-5 { border-color: var(--primary-c-t-5); }.border-primary-c-t-6 { border-color: var(--primary-c-t-6); }.border-primary-c-t-7 { border-color: var(--primary-c-t-7); }.border-primary-c-t-8 { border-color: var(--primary-c-t-8); }.border-primary-c-t-9 { border-color: var(--primary-c-t-9); }.border-primary-c-t-10 { border-color: var(--primary-c-t-10); }.border-primary-c-l-1 { border-color: var(--primary-c-l-1); }.border-primary-c-l-2 { border-color: var(--primary-c-l-2); }.border-primary-c-l-3 { border-color: var(--primary-c-l-3); }.border-primary-c-l-4 { border-color: var(--primary-c-l-4); }.border-primary-c-d-1 { border-color: var(--primary-c-d-1); }.border-primary-c-d-2 { border-color: var(--primary-c-d-2); }.border-primary-c-d-3 { border-color: var(--primary-c-d-3); }.border-primary-c-d-4 { border-color: var(--primary-c-d-4); }.outline-primary-c { outline-color: var(--primary-c); }.outline-primary-c-t-1 { outline-color: var(--primary-c-t-1); }.outline-primary-c-t-2 { outline-color: var(--primary-c-t-2); }.outline-primary-c-t-3 { outline-color: var(--primary-c-t-3); }.outline-primary-c-t-4 { outline-color: var(--primary-c-t-4); }.outline-primary-c-t-5 { outline-color: var(--primary-c-t-5); }.outline-primary-c-t-6 { outline-color: var(--primary-c-t-6); }.outline-primary-c-t-7 { outline-color: var(--primary-c-t-7); }.outline-primary-c-t-8 { outline-color: var(--primary-c-t-8); }.outline-primary-c-t-9 { outline-color: var(--primary-c-t-9); }.outline-primary-c-t-10 { outline-color: var(--primary-c-t-10); }.outline-primary-c-l-1 { outline-color: var(--primary-c-l-1); }.outline-primary-c-l-2 { outline-color: var(--primary-c-l-2); }.outline-primary-c-l-3 { outline-color: var(--primary-c-l-3); }.outline-primary-c-l-4 { outline-color: var(--primary-c-l-4); }.outline-primary-c-d-1 { outline-color: var(--primary-c-d-1); }.outline-primary-c-d-2 { outline-color: var(--primary-c-d-2); }.outline-primary-c-d-3 { outline-color: var(--primary-c-d-3); }.outline-primary-c-d-4 { outline-color: var(--primary-c-d-4); }.bg-new { background-color: var(--new); }.bg-new-t-1 { background-color: var(--new-t-1); }.bg-new-t-2 { background-color: var(--new-t-2); }.bg-new-t-3 { background-color: var(--new-t-3); }.bg-new-t-4 { background-color: var(--new-t-4); }.bg-new-t-5 { background-color: var(--new-t-5); }.bg-new-t-6 { background-color: var(--new-t-6); }.bg-new-t-7 { background-color: var(--new-t-7); }.bg-new-t-8 { background-color: var(--new-t-8); }.bg-new-t-9 { background-color: var(--new-t-9); }.bg-new-t-10 { background-color: var(--new-t-10); }.bg-new-l-1 { background-color: var(--new-l-1); }.bg-new-l-2 { background-color: var(--new-l-2); }.bg-new-l-3 { background-color: var(--new-l-3); }.bg-new-l-4 { background-color: var(--new-l-4); }.bg-new-d-1 { background-color: var(--new-d-1); }.bg-new-d-2 { background-color: var(--new-d-2); }.bg-new-d-3 { background-color: var(--new-d-3); }.bg-new-d-4 { background-color: var(--new-d-4); }.text-new { color: var(--new); }.text-new-t-1 { color: var(--new-t-1); }.text-new-t-2 { color: var(--new-t-2); }.text-new-t-3 { color: var(--new-t-3); }.text-new-t-4 { color: var(--new-t-4); }.text-new-t-5 { color: var(--new-t-5); }.text-new-t-6 { color: var(--new-t-6); }.text-new-t-7 { color: var(--new-t-7); }.text-new-t-8 { color: var(--new-t-8); }.text-new-t-9 { color: var(--new-t-9); }.text-new-t-10 { color: var(--new-t-10); }.text-new-l-1 { color: var(--new-l-1); }.text-new-l-2 { color: var(--new-l-2); }.text-new-l-3 { color: var(--new-l-3); }.text-new-l-4 { color: var(--new-l-4); }.text-new-d-1 { color: var(--new-d-1); }.text-new-d-2 { color: var(--new-d-2); }.text-new-d-3 { color: var(--new-d-3); }.text-new-d-4 { color: var(--new-d-4); }.border-new { border-color: var(--new); }.border-new-t-1 { border-color: var(--new-t-1); }.border-new-t-2 { border-color: var(--new-t-2); }.border-new-t-3 { border-color: var(--new-t-3); }.border-new-t-4 { border-color: var(--new-t-4); }.border-new-t-5 { border-color: var(--new-t-5); }.border-new-t-6 { border-color: var(--new-t-6); }.border-new-t-7 { border-color: var(--new-t-7); }.border-new-t-8 { border-color: var(--new-t-8); }.border-new-t-9 { border-color: var(--new-t-9); }.border-new-t-10 { border-color: var(--new-t-10); }.border-new-l-1 { border-color: var(--new-l-1); }.border-new-l-2 { border-color: var(--new-l-2); }.border-new-l-3 { border-color: var(--new-l-3); }.border-new-l-4 { border-color: var(--new-l-4); }.border-new-d-1 { border-color: var(--new-d-1); }.border-new-d-2 { border-color: var(--new-d-2); }.border-new-d-3 { border-color: var(--new-d-3); }.border-new-d-4 { border-color: var(--new-d-4); }.outline-new { outline-color: var(--new); }.outline-new-t-1 { outline-color: var(--new-t-1); }.outline-new-t-2 { outline-color: var(--new-t-2); }.outline-new-t-3 { outline-color: var(--new-t-3); }.outline-new-t-4 { outline-color: var(--new-t-4); }.outline-new-t-5 { outline-color: var(--new-t-5); }.outline-new-t-6 { outline-color: var(--new-t-6); }.outline-new-t-7 { outline-color: var(--new-t-7); }.outline-new-t-8 { outline-color: var(--new-t-8); }.outline-new-t-9 { outline-color: var(--new-t-9); }.outline-new-t-10 { outline-color: var(--new-t-10); }.outline-new-l-1 { outline-color: var(--new-l-1); }.outline-new-l-2 { outline-color: var(--new-l-2); }.outline-new-l-3 { outline-color: var(--new-l-3); }.outline-new-l-4 { outline-color: var(--new-l-4); }.outline-new-d-1 { outline-color: var(--new-d-1); }.outline-new-d-2 { outline-color: var(--new-d-2); }.outline-new-d-3 { outline-color: var(--new-d-3); }.outline-new-d-4 { outline-color: var(--new-d-4); }