:root {
  --skinPrimary: #886EC6;
  --skinAccent: #D20E97;
  --skinSuccess: #41AE26;
  --skinDanger: #E02338;
  --skinWarning: #DC9E00;
  --skinHeader: #21006E;
  --skinPrimaryLiteOnLight: #f0edf8;
  --skinAccentLiteOnLight: #f9e2f2;
  --skinSuccessLiteOnLight: #e8f5e4;
  --skinDangerLiteOnLight: #fbe4e7;
  --skinWarningLiteOnLight: #faf3e0;
  --skinPrimaryLiteOnDark: #100d17;
  --skinAccentLiteOnDark: #190112;
  --skinSuccessLiteOnDark: #071404;
  --skinDangerLiteOnDark: #1a0406;
  --skinWarningLiteOnDark: #1a1200;
  --skinPrimaryHover: #7c5fc0;
  --skinAccentHover: #bf0d89;
  --skinSuccessHover: #3b9d22;
  --skinDangerHover: #d11d31;
  --skinWarningHover: #c88f00;
  --skinPrimaryGradient: #886EC6;
  --skinAccentGradient: #D20E97;
  --skinSuccessGradient: #41AE26;
}