:root {
  --skinPrimary: #5f5aa2;
  --skinAccent: #5ba2ce;
  --skinSuccess: #149a5a;
  --skinDanger: #d43823;
  --skinWarning: #ff9c09;
  --skinHeader: #30282f;
  --skinPrimaryLiteOnLight: #ebebf3;
  --skinAccentLiteOnLight: #ebf3f9;
  --skinSuccessLiteOnLight: #e2f2eb;
  --skinDangerLiteOnLight: #f9e7e4;
  --skinWarningLiteOnLight: #fff3e1;
  --skinPrimaryLiteOnDark: #0b0a13;
  --skinAccentLiteOnDark: #0a1318;
  --skinSuccessLiteOnDark: #02120a;
  --skinDangerLiteOnDark: #190604;
  --skinWarningLiteOnDark: #1e1201;
  --skinPrimaryHover: #575395;
  --skinAccentHover: #4b99c9;
  --skinSuccessHover: #12884f;
  --skinDangerHover: #c23320;
  --skinWarningHover: #f49200;
  --skinPrimaryGradient: #5f5aa2;
  --skinAccentGradient: #5ba2ce;
  --skinSuccessGradient: #149a5a;
}