:root {
  --skinPrimary: #7161c6;
  --skinAccent: #eda738;
  --skinSuccess: #69ba43;
  --skinDanger: #de2a1d;
  --skinWarning: #f5a72a;
  --skinHeader: #220c2d;
  --skinPrimaryLiteOnLight: #edecf8;
  --skinAccentLiteOnLight: #fcf4e7;
  --skinSuccessLiteOnLight: #edf6e8;
  --skinDangerLiteOnLight: #fbe5e3;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #0d0b17;
  --skinAccentLiteOnDark: #1c1406;
  --skinSuccessLiteOnDark: #0c1608;
  --skinDangerLiteOnDark: #1a0503;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #6452c1;
  --skinAccentHover: #eb9f25;
  --skinSuccessHover: #61ab3e;
  --skinDangerHover: #cc271b;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #7161c6;
  --skinAccentGradient: #eda738;
  --skinSuccessGradient: #69ba43;
}