:root {
  --skinPrimary: #8b45d5;
  --skinAccent: #1074e9;
  --skinSuccess: #6ab031;
  --skinDanger: #e22700;
  --skinWarning: #ff7c00;
  --skinHeader: #380054;
  --skinPrimaryLiteOnLight: #f1e8f9;
  --skinAccentLiteOnLight: #e2eefc;
  --skinSuccessLiteOnLight: #edf5e6;
  --skinDangerLiteOnLight: #fbe5e0;
  --skinWarningLiteOnLight: #ffefe0;
  --skinPrimaryLiteOnDark: #100819;
  --skinAccentLiteOnDark: #010d1b;
  --skinSuccessLiteOnDark: #0c1505;
  --skinDangerLiteOnDark: #1b0400;
  --skinWarningLiteOnDark: #1e0e00;
  --skinPrimaryHover: #8134d1;
  --skinAccentHover: #0f6ad6;
  --skinSuccessHover: #60a02d;
  --skinDangerHover: #ce2300;
  --skinWarningHover: #eb7200;
  --skinPrimaryGradient: #8b45d5;
  --skinAccentGradient: #1074e9;
  --skinSuccessGradient: #6ab031;
}