:root {
  --skinPrimary: #8e6dea;
  --skinAccent: #f57816;
  --skinSuccess: #08a14b;
  --skinDanger: #cc2502;
  --skinWarning: #b7ab05;
  --skinHeader: #22183a;
  --skinPrimaryLiteOnLight: #f1edfc;
  --skinAccentLiteOnLight: #fdeee3;
  --skinSuccessLiteOnLight: #e1f3e9;
  --skinDangerLiteOnLight: #f8e4e0;
  --skinWarningLiteOnLight: #f6f4e1;
  --skinPrimaryLiteOnDark: #110d1c;
  --skinAccentLiteOnDark: #1d0e02;
  --skinSuccessLiteOnDark: #001309;
  --skinDangerLiteOnDark: #180400;
  --skinWarningLiteOnDark: #151400;
  --skinPrimaryHover: #805be7;
  --skinAccentHover: #ec6e0a;
  --skinSuccessHover: #078e42;
  --skinDangerHover: #b82102;
  --skinWarningHover: #a39804;
  --skinPrimaryGradient: #8e6dea;
  --skinAccentGradient: #f57816;
  --skinSuccessGradient: #08a14b;
}