:root {
  --skinPrimary: #6470e3;
  --skinAccent: #f05d7f;
  --skinSuccess: #16aa5c;
  --skinDanger: #c1123f;
  --skinWarning: #ff9c09;
  --skinHeader: #2e4052;
  --skinPrimaryLiteOnLight: #ecedfb;
  --skinAccentLiteOnLight: #fdebef;
  --skinSuccessLiteOnLight: #e3f4eb;
  --skinDangerLiteOnLight: #f7e2e7;
  --skinWarningLiteOnLight: #fff3e1;
  --skinPrimaryLiteOnDark: #0c0d1b;
  --skinAccentLiteOnDark: #1c0b0f;
  --skinSuccessLiteOnDark: #02140b;
  --skinDangerLiteOnDark: #170207;
  --skinWarningLiteOnDark: #1e1201;
  --skinPrimaryHover: #5360e0;
  --skinAccentHover: #ee4a70;
  --skinSuccessHover: #149852;
  --skinDangerHover: #ae1039;
  --skinWarningHover: #f49200;
  --skinPrimaryGradient: #6470e3;
  --skinAccentGradient: #f05d7f;
  --skinSuccessGradient: #16aa5c;
}