:root {
  --skinPrimary: #8f82bc;
  --skinAccent: #bf2774;
  --skinSuccess: #87c612;
  --skinDanger: #ff0000;
  --skinWarning: #f5a72a;
  --skinHeader: #0d0d0d;
  --skinPrimaryLiteOnLight: #f1f0f6;
  --skinAccentLiteOnLight: #f7e5ee;
  --skinSuccessLiteOnLight: #f0f8e2;
  --skinDangerLiteOnLight: #ffe0e0;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #110f16;
  --skinAccentLiteOnDark: #16040d;
  --skinSuccessLiteOnDark: #101702;
  --skinDangerLiteOnDark: #1e0000;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #8375b5;
  --skinAccentHover: #ae246a;
  --skinSuccessHover: #7ab310;
  --skinDangerHover: #eb0000;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #8f82bc;
  --skinAccentGradient: #bf2774;
  --skinSuccessGradient: #87c612;
}