:root {
  --skinPrimary: #56acee;
  --skinAccent: #e6a100;
  --skinSuccess: #67b33a;
  --skinDanger: #fc4d17;
  --skinWarning: #ff7044;
  --skinHeader: #31619f;
  --skinPrimaryLiteOnLight: #eaf5fc;
  --skinAccentLiteOnLight: #fcf3e0;
  --skinSuccessLiteOnLight: #ecf5e7;
  --skinDangerLiteOnLight: #fee9e3;
  --skinWarningLiteOnLight: #ffede8;
  --skinPrimaryLiteOnDark: #0a141c;
  --skinAccentLiteOnDark: #1b1300;
  --skinSuccessLiteOnDark: #0c1506;
  --skinDangerLiteOnDark: #1e0902;
  --skinWarningLiteOnDark: #1e0d08;
  --skinPrimaryHover: #43a3ec;
  --skinAccentHover: #d29300;
  --skinSuccessHover: #5ea435;
  --skinDangerHover: #fb3e03;
  --skinWarningHover: #ff6030;
  --skinPrimaryGradient: #56acee;
  --skinAccentGradient: #e6a100;
  --skinSuccessGradient: #67b33a;
}