:root {
  --skinPrimary: #b353cc;
  --skinAccent: #499cde;
  --skinSuccess: #34ad5a;
  --skinDanger: #d52346;
  --skinWarning: #ed9f00;
  --skinHeader: #641c68;
  --skinPrimaryLiteOnLight: #f5eaf8;
  --skinAccentLiteOnLight: #e9f3fb;
  --skinSuccessLiteOnLight: #e6f5eb;
  --skinDangerLiteOnLight: #f9e4e8;
  --skinWarningLiteOnLight: #fcf3e0;
  --skinPrimaryLiteOnDark: #150918;
  --skinAccentLiteOnDark: #08121a;
  --skinSuccessLiteOnDark: #06140a;
  --skinDangerLiteOnDark: #190408;
  --skinWarningLiteOnDark: #1c1300;
  --skinPrimaryHover: #ac43c7;
  --skinAccentHover: #3893db;
  --skinSuccessHover: #2f9d52;
  --skinDangerHover: #c32040;
  --skinWarningHover: #d99100;
  --skinPrimaryGradient: #b353cc;
  --skinAccentGradient: #499cde;
  --skinSuccessGradient: #34ad5a;
}