:root {
  --skinPrimary: #24a2e9;
  --skinAccent: #ffb800;
  --skinSuccess: #80c648;
  --skinDanger: #e42006;
  --skinWarning: #ff6f00;
  --skinHeader: #006eac;
  --skinPrimaryLiteOnLight: #e4f3fc;
  --skinAccentLiteOnLight: #fff6e0;
  --skinSuccessLiteOnLight: #eff8e9;
  --skinDangerLiteOnLight: #fbe4e1;
  --skinWarningLiteOnLight: #ffede0;
  --skinPrimaryLiteOnDark: #04131b;
  --skinAccentLiteOnDark: #1e1600;
  --skinSuccessLiteOnDark: #0f1708;
  --skinDangerLiteOnDark: #1b0300;
  --skinWarningLiteOnDark: #1e0d00;
  --skinPrimaryHover: #1799e2;
  --skinAccentHover: #eba900;
  --skinSuccessHover: #76be3b;
  --skinDangerHover: #d01d05;
  --skinWarningHover: #eb6600;
  --skinPrimaryGradient: #24a2e9;
  --skinAccentGradient: #ffb800;
  --skinSuccessGradient: #80c648;
}