:root {
  --skinPrimary: #7c8794;
  --skinSecondary: #343434;
  --skinAccent: #369aff;
  --skinSuccess: #5ea81f;
  --skinDanger: #c63000;
  --skinWarning: #d28d21;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #eff0f2;
  --skinSecondaryLiteOnLight: #e6e6e6;
  --skinAccentLiteOnLight: #e6f2ff;
  --skinSuccessLiteOnLight: #ebf4e4;
  --skinDangerLiteOnLight: #f8e6e0;
  --skinWarningLiteOnLight: #f9f1e4;
  --skinPrimaryLiteOnDark: #0e1011;
  --skinSecondaryLiteOnDark: #060606;
  --skinAccentLiteOnDark: #06121e;
  --skinSuccessLiteOnDark: #0b1403;
  --skinDangerLiteOnDark: #170500;
  --skinWarningLiteOnDark: #191003;
  --skinPrimaryHover: #717d8a;
  --skinSecondaryHover: #2a2a2a;
  --skinAccentHover: #2290ff;
  --skinSuccessHover: #54971c;
  --skinDangerHover: #b22b00;
  --skinWarningHover: #c0811e;
  --skinPrimaryGradient: #7c8794;
  --skinSecondaryGradient: #343434;
  --skinAccentGradient: #369aff;
  --skinSuccessGradient: #5ea81f;
}