:root {
  --skinPrimary: #8f6cca;
  --skinAccent: #49b5d1;
  --skinSuccess: #38d13e;
  --skinDanger: #d13839;
  --skinWarning: #efb041;
  --skinHeader: #292620;
  --skinPrimaryLiteOnLight: #f1edf8;
  --skinAccentLiteOnLight: #e9f6f9;
  --skinSuccessLiteOnLight: #e7f9e7;
  --skinDangerLiteOnLight: #f9e7e7;
  --skinWarningLiteOnLight: #fdf5e8;
  --skinPrimaryLiteOnDark: #110c18;
  --skinAccentLiteOnDark: #081519;
  --skinSuccessLiteOnDark: #061907;
  --skinDangerLiteOnDark: #190606;
  --skinWarningLiteOnDark: #1c1507;
  --skinPrimaryHover: #845dc5;
  --skinAccentHover: #39aecd;
  --skinSuccessHover: #2ec734;
  --skinDangerHover: #c72e2f;
  --skinWarningHover: #eda82e;
  --skinPrimaryGradient: #8f6cca;
  --skinAccentGradient: #49b5d1;
  --skinSuccessGradient: #38d13e;
}