:root {
  --skinPrimary: #4b8ee2;
  --skinAccent: #c43d83;
  --skinSuccess: #5eb038;
  --skinDanger: #c52f2f;
  --skinWarning: #d2840f;
  --skinHeader: #1c1c1c;
  --skinPrimaryLiteOnLight: #e9f1fb;
  --skinAccentLiteOnLight: #f7e7f0;
  --skinSuccessLiteOnLight: #ebf5e7;
  --skinDangerLiteOnLight: #f8e6e6;
  --skinWarningLiteOnLight: #f9f0e2;
  --skinPrimaryLiteOnDark: #09111b;
  --skinAccentLiteOnDark: #17070f;
  --skinSuccessLiteOnDark: #0b1506;
  --skinDangerLiteOnDark: #170505;
  --skinWarningLiteOnDark: #190f01;
  --skinPrimaryHover: #3983df;
  --skinAccentHover: #b53779;
  --skinSuccessHover: #56a133;
  --skinDangerHover: #b52b2b;
  --skinWarningHover: #bf780e;
  --skinPrimaryGradient: #4b8ee2;
  --skinAccentGradient: #c43d83;
  --skinSuccessGradient: #5eb038;
}