:root {
  --skinPrimary: #505bc7;
  --skinAccent: #e83690;
  --skinSuccess: #91c32f;
  --skinDanger: #eb4235;
  --skinWarning: #ffa327;
  --skinHeader: #2d3142;
  --skinPrimaryLiteOnLight: #eaebf8;
  --skinAccentLiteOnLight: #fce6f1;
  --skinSuccessLiteOnLight: #f1f7e6;
  --skinDangerLiteOnLight: #fce8e6;
  --skinWarningLiteOnLight: #fff3e5;
  --skinPrimaryLiteOnDark: #090a17;
  --skinAccentLiteOnDark: #1b0611;
  --skinSuccessLiteOnDark: #111705;
  --skinDangerLiteOnDark: #1c0706;
  --skinWarningLiteOnDark: #1e1304;
  --skinPrimaryHover: #414dc2;
  --skinAccentHover: #e62486;
  --skinSuccessHover: #85b32b;
  --skinDangerHover: #e93122;
  --skinWarningHover: #ff9a13;
  --skinPrimaryGradient: #505bc7;
  --skinAccentGradient: #e83690;
  --skinSuccessGradient: #91c32f;
}