:root {
  --skinPrimary: #4696f4;
  --skinAccent: #c72e7b;
  --skinSuccess: #2ec75d;
  --skinDanger: #ce292a;
  --skinWarning: #da9c00;
  --skinHeader: #212d3b;
  --skinPrimaryLiteOnLight: #e8f2fd;
  --skinAccentLiteOnLight: #f8e5ef;
  --skinSuccessLiteOnLight: #e5f8eb;
  --skinDangerLiteOnLight: #f9e5e5;
  --skinWarningLiteOnLight: #faf3e0;
  --skinPrimaryLiteOnDark: #08121d;
  --skinAccentLiteOnDark: #17050e;
  --skinSuccessLiteOnDark: #05170b;
  --skinDangerLiteOnDark: #180405;
  --skinWarningLiteOnDark: #1a1200;
  --skinPrimaryHover: #338bf3;
  --skinAccentHover: #b62a71;
  --skinSuccessHover: #2ab655;
  --skinDangerHover: #bd2627;
  --skinWarningHover: #c68d00;
  --skinPrimaryGradient: #4696f4;
  --skinAccentGradient: #c72e7b;
  --skinSuccessGradient: #2ec75d;
}