:root { --primary: #5E2DC2; --primary-l-1: #7e57ce; --primary-l-2: #9e81da; --primary-l-3: #bfabe7; --primary-l-4: #dfd5f3; --primary-d-1: #4b249b; --primary-d-2: #381b74; --primary-d-3: #26124e; --primary-d-4: #130927; --primary-t-1: hsla(260, 55%, 89%, 0.2); --primary-t-2: hsla(260, 55%, 79%, 0.4); --primary-t-3: hsla(260, 55%, 68%, 0.6); --primary-t-4: hsla(260, 55%, 57%, 0.8); --secondary: #006372; --secondary-l-1: #33828e; --secondary-l-2: #66a1aa; --secondary-l-3: #99c1c7; --secondary-l-4: #cce0e3; --secondary-d-1: #004f5b; --secondary-d-2: #003b44; --secondary-d-3: #00282e; --secondary-d-4: #001417; --secondary-t-1: hsla(188, 29%, 84%, 0.2); --secondary-t-2: hsla(188, 29%, 69%, 0.4); --secondary-t-3: hsla(188, 29%, 53%, 0.6); --secondary-t-4: hsla(188, 47%, 38%, 0.8);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-t-4 { color: var(--primary-t-4); }.border-primary { border-color: var(--primary); }.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-l-4 { border-color: var(--primary-l-4); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.border-primary-t-4 { border-color: var(--primary-t-4); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-l-3 { outline-color: var(--primary-l-3); }.outline-primary-l-4 { outline-color: var(--primary-l-4); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.outline-primary-t-1 { outline-color: var(--primary-t-1); }.outline-primary-t-2 { outline-color: var(--primary-t-2); }.outline-primary-t-3 { outline-color: var(--primary-t-3); }.outline-primary-t-4 { outline-color: var(--primary-t-4); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-l-3 { fill: var(--primary-l-3); }.fill-primary-l-4 { fill: var(--primary-l-4); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.fill-primary-t-1 { fill: var(--primary-t-1); }.fill-primary-t-2 { fill: var(--primary-t-2); }.fill-primary-t-3 { fill: var(--primary-t-3); }.fill-primary-t-4 { fill: var(--primary-t-4); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-l-3 { stroke: var(--primary-l-3); }.stroke-primary-l-4 { stroke: var(--primary-l-4); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.stroke-primary-t-1 { stroke: var(--primary-t-1); }.stroke-primary-t-2 { stroke: var(--primary-t-2); }.stroke-primary-t-3 { stroke: var(--primary-t-3); }.stroke-primary-t-4 { stroke: var(--primary-t-4); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.bg-secondary-t-1 { background-color: var(--secondary-t-1); }.bg-secondary-t-2 { background-color: var(--secondary-t-2); }.bg-secondary-t-3 { background-color: var(--secondary-t-3); }.bg-secondary-t-4 { background-color: var(--secondary-t-4); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.text-secondary-t-4 { color: var(--secondary-t-4); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-l-4 { border-color: var(--secondary-l-4); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-d-4 { border-color: var(--secondary-d-4); }.border-secondary-t-1 { border-color: var(--secondary-t-1); }.border-secondary-t-2 { border-color: var(--secondary-t-2); }.border-secondary-t-3 { border-color: var(--secondary-t-3); }.border-secondary-t-4 { border-color: var(--secondary-t-4); }.outline-secondary { outline-color: var(--secondary); }.outline-secondary-l-1 { outline-color: var(--secondary-l-1); }.outline-secondary-l-2 { outline-color: var(--secondary-l-2); }.outline-secondary-l-3 { outline-color: var(--secondary-l-3); }.outline-secondary-l-4 { outline-color: var(--secondary-l-4); }.outline-secondary-d-1 { outline-color: var(--secondary-d-1); }.outline-secondary-d-2 { outline-color: var(--secondary-d-2); }.outline-secondary-d-3 { outline-color: var(--secondary-d-3); }.outline-secondary-d-4 { outline-color: var(--secondary-d-4); }.outline-secondary-t-1 { outline-color: var(--secondary-t-1); }.outline-secondary-t-2 { outline-color: var(--secondary-t-2); }.outline-secondary-t-3 { outline-color: var(--secondary-t-3); }.outline-secondary-t-4 { outline-color: var(--secondary-t-4); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-l-3 { fill: var(--secondary-l-3); }.fill-secondary-l-4 { fill: var(--secondary-l-4); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.fill-secondary-d-3 { fill: var(--secondary-d-3); }.fill-secondary-d-4 { fill: var(--secondary-d-4); }.fill-secondary-t-1 { fill: var(--secondary-t-1); }.fill-secondary-t-2 { fill: var(--secondary-t-2); }.fill-secondary-t-3 { fill: var(--secondary-t-3); }.fill-secondary-t-4 { fill: var(--secondary-t-4); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-l-1 { stroke: var(--secondary-l-1); }.stroke-secondary-l-2 { stroke: var(--secondary-l-2); }.stroke-secondary-l-3 { stroke: var(--secondary-l-3); }.stroke-secondary-l-4 { stroke: var(--secondary-l-4); }.stroke-secondary-d-1 { stroke: var(--secondary-d-1); }.stroke-secondary-d-2 { stroke: var(--secondary-d-2); }.stroke-secondary-d-3 { stroke: var(--secondary-d-3); }.stroke-secondary-d-4 { stroke: var(--secondary-d-4); }.stroke-secondary-t-1 { stroke: var(--secondary-t-1); }.stroke-secondary-t-2 { stroke: var(--secondary-t-2); }.stroke-secondary-t-3 { stroke: var(--secondary-t-3); }.stroke-secondary-t-4 { stroke: var(--secondary-t-4); }