:root {
  --skinPrimary: #8d60b8;
  --skinSecondary: #a18500;
  --skinAccent: #619c00;
  --skinSuccess: #00bb66;
  --skinDanger: #d82a49;
  --skinWarning: #f78a43;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #f1ebf6;
  --skinSecondaryLiteOnLight: #f3f0e0;
  --skinAccentLiteOnLight: #ecf3e0;
  --skinSuccessLiteOnLight: #e0f6ec;
  --skinDangerLiteOnLight: #fae5e9;
  --skinWarningLiteOnLight: #fef0e8;
  --skinPrimaryLiteOnDark: #100b16;
  --skinSecondaryLiteOnDark: #130f00;
  --skinAccentLiteOnDark: #0b1200;
  --skinSuccessLiteOnDark: #00160c;
  --skinDangerLiteOnDark: #190508;
  --skinWarningLiteOnDark: #1d1008;
  --skinPrimaryHover: #8352b2;
  --skinSecondaryHover: #8d7400;
  --skinAccentHover: #548800;
  --skinSuccessHover: #00a75b;
  --skinDangerHover: #c92542;
  --skinWarningHover: #f67e2f;
  --skinPrimaryGradient: #8d60b8;
  --skinSecondaryGradient: #a18500;
  --skinAccentGradient: #619c00;
  --skinSuccessGradient: #00bb66;
}