:root {
  --skinPrimary: #7442c8;
  --skinAccent: #ff4e78;
  --skinSuccess: #0abebe;
  --skinDanger: #f02e3a;
  --skinWarning: #ff6b00;
  --skinHeader: #251b30;
  --skinPrimaryLiteOnLight: #eee8f8;
  --skinAccentLiteOnLight: #ffe9ee;
  --skinSuccessLiteOnLight: #e1f7f7;
  --skinDangerLiteOnLight: #fde5e7;
  --skinWarningLiteOnLight: #ffede0;
  --skinPrimaryLiteOnDark: #0d0718;
  --skinAccentLiteOnDark: #1e090e;
  --skinSuccessLiteOnDark: #011616;
  --skinDangerLiteOnDark: #1c0506;
  --skinWarningLiteOnDark: #1e0c00;
  --skinPrimaryHover: #6a37be;
  --skinAccentHover: #ff3a68;
  --skinSuccessHover: #09abab;
  --skinDangerHover: #ef1b28;
  --skinWarningHover: #eb6200;
  --skinPrimaryGradient: #7442c8;
  --skinAccentGradient: #ff4e78;
  --skinSuccessGradient: #0abebe;
}