:root {
  --skinPrimary: #5b3dbb;
  --skinSecondary: #2180c4;
  --skinAccent: #8b5cf6;
  --skinSuccess: #23b264;
  --skinDanger: #e02730;
  --skinWarning: #e38314;
  --skinHeader: #d94fa3;
  --skinPrimaryLiteOnLight: #ebe7f6;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #f1ebfd;
  --skinSuccessLiteOnLight: #e4f5ec;
  --skinDangerLiteOnLight: #fbe5e6;
  --skinWarningLiteOnLight: #fbf0e2;
  --skinPrimaryLiteOnDark: #0a0716;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #100b1d;
  --skinSuccessLiteOnDark: #04150c;
  --skinDangerLiteOnDark: #1a0405;
  --skinWarningLiteOnDark: #1b0f02;
  --skinPrimaryHover: #5438ac;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #7d49f5;
  --skinSuccessHover: #20a15a;
  --skinDangerHover: #d41e27;
  --skinWarningHover: #d07812;
  --skinPrimaryGradient: #5b3dbb;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #8b5cf6;
  --skinSuccessGradient: #23b264;
}