:root {
  --skinPrimary: #5186d7;
  --skinAccent: #e1226f;
  --skinSuccess: #6db831;
  --skinDanger: #ee514f;
  --skinWarning: #d9b813;
  --skinHeader: #284d85;
  --skinPrimaryLiteOnLight: #eaf0fa;
  --skinAccentLiteOnLight: #fbe4ed;
  --skinSuccessLiteOnLight: #edf6e6;
  --skinDangerLiteOnLight: #fceae9;
  --skinWarningLiteOnLight: #faf6e2;
  --skinPrimaryLiteOnDark: #091019;
  --skinAccentLiteOnDark: #1b040d;
  --skinSuccessLiteOnDark: #0d1605;
  --skinDangerLiteOnDark: #1c0909;
  --skinWarningLiteOnDark: #1a1602;
  --skinPrimaryHover: #407ad3;
  --skinAccentHover: #d21d66;
  --skinSuccessHover: #63a82d;
  --skinDangerHover: #ec3f3c;
  --skinWarningHover: #c6a811;
  --skinPrimaryGradient: #5186d7;
  --skinAccentGradient: #e1226f;
  --skinSuccessGradient: #6db831;
}