:root {
  --primary: #6927d3;
  --primary-lt: hsl(from var(--primary) h s calc(l + 20));
  --primary-dk: hsl(from var(--primary) h s calc(l - 20));
  --secondary: #d12948;
  --secondary-lt: hsl(from var(--secondary) h s calc(l + 20));
  --secondary-dk: hsl(from var(--secondary) h s calc(l - 20));
  --tertiary: #9D288D;
  --tertiary-lt: hsl(from var(--tertiary) h s calc(l + 20));
  --tertiary-dk: hsl(from var(--tertiary) h s calc(l - 20));
  --white: #f0f0f0;
  --white-lt: hsl(from var(--white) h s calc(l + 20));
  --white-dk: hsl(from var(--white) h s calc(l - 20));
  --neutral: #666666;
  --neutral-lt: hsl(from var(--neutral) h s calc(l + 20));
  --neutral-dk: hsl(from var(--neutral) h s calc(l - 20));
  --black: #121212;
  --black-lt: hsl(from var(--black) h s calc(l + 20));
  --black-dk: hsl(from var(--black) h s calc(l - 20));
}