:root { --transparent: hsl(0 0% 0% / 0); --violet: #4729F0; --violet-d-1: #2f13cf; --violet-t-1: hsla(249, 87%, 91%, 0.2); --violet-t-2: hsla(249, 87%, 82%, 0.4); --violet-t-3: hsla(249, 87%, 73%, 0.6); --violet-t-4: hsla(249, 87%, 64%, 0.8);}.bg-violet { background-color: var(--violet); }.bg-violet-d-1 { background-color: var(--violet-d-1); }.bg-violet-t-1 { background-color: var(--violet-t-1); }.bg-violet-t-2 { background-color: var(--violet-t-2); }.bg-violet-t-3 { background-color: var(--violet-t-3); }.bg-violet-t-4 { background-color: var(--violet-t-4); }.fill-violet { fill: var(--violet); }.fill-violet-d-1 { fill: var(--violet-d-1); }.fill-violet-t-1 { fill: var(--violet-t-1); }.fill-violet-t-2 { fill: var(--violet-t-2); }.fill-violet-t-3 { fill: var(--violet-t-3); }.fill-violet-t-4 { fill: var(--violet-t-4); }