:root {
  --skinPrimary: #10adf0;
  --skinAccent: #ee557a;
  --skinSuccess: #51bf2b;
  --skinDanger: #ee3c2f;
  --skinWarning: #ff8b1f;
  --skinHeader: #03a3e8;
  --skinPrimaryLiteOnLight: #e2f5fd;
  --skinAccentLiteOnLight: #fceaef;
  --skinSuccessLiteOnLight: #eaf7e5;
  --skinDangerLiteOnLight: #fce7e6;
  --skinWarningLiteOnLight: #fff1e4;
  --skinPrimaryLiteOnDark: #01141c;
  --skinAccentLiteOnDark: #1c0a0e;
  --skinSuccessLiteOnDark: #091605;
  --skinDangerLiteOnDark: #1c0705;
  --skinWarningLiteOnDark: #1e1003;
  --skinPrimaryHover: #0ea0de;
  --skinAccentHover: #ec426b;
  --skinSuccessHover: #4aae27;
  --skinDangerHover: #ec2a1c;
  --skinWarningHover: #ff800b;
  --skinPrimaryGradient: #10adf0;
  --skinAccentGradient: #ee557a;
  --skinSuccessGradient: #51bf2b;
}