:root {
  --skinPrimary: #4e36ca;
  --skinAccent: #df3277;
  --skinSuccess: #1b9e39;
  --skinDanger: #df3232;
  --skinWarning: #d1b50a;
  --skinHeader: #2d2360;
  --skinPrimaryLiteOnLight: #e9e6f8;
  --skinAccentLiteOnLight: #fbe6ee;
  --skinSuccessLiteOnLight: #e3f3e7;
  --skinDangerLiteOnLight: #fbe6e6;
  --skinWarningLiteOnLight: #f9f6e1;
  --skinPrimaryLiteOnDark: #090618;
  --skinAccentLiteOnDark: #1a060e;
  --skinSuccessLiteOnDark: #031206;
  --skinDangerLiteOnDark: #1a0606;
  --skinWarningLiteOnDark: #191501;
  --skinPrimaryHover: #4731ba;
  --skinAccentHover: #da226c;
  --skinSuccessHover: #188d33;
  --skinDangerHover: #da2222;
  --skinWarningHover: #bea409;
  --skinPrimaryGradient: #4e36ca;
  --skinAccentGradient: #df3277;
  --skinSuccessGradient: #1b9e39;
}