:root {
  --skinPrimary: #22ade6;
  --skinAccent: #f6456f;
  --skinSuccess: #50aa19;
  --skinDanger: #c92f32;
  --skinWarning: #d97c08;
  --skinHeader: #070b17;
  --skinPrimaryLiteOnLight: #e4f5fc;
  --skinAccentLiteOnLight: #fde8ed;
  --skinSuccessLiteOnLight: #eaf4e3;
  --skinDangerLiteOnLight: #f8e6e6;
  --skinWarningLiteOnLight: #faefe1;
  --skinPrimaryLiteOnDark: #04141b;
  --skinAccentLiteOnDark: #1d080d;
  --skinSuccessLiteOnDark: #091403;
  --skinDangerLiteOnDark: #180506;
  --skinWarningLiteOnDark: #1a0e00;
  --skinPrimaryHover: #19a2db;
  --skinAccentHover: #f53260;
  --skinSuccessHover: #489816;
  --skinDangerHover: #b82b2e;
  --skinWarningHover: #c57107;
  --skinPrimaryGradient: #22ade6;
  --skinAccentGradient: #f6456f;
  --skinSuccessGradient: #50aa19;
}