:root {
  --skinPrimary: #3d66bc;
  --skinAccent: #cd4586;
  --skinSuccess: #8eb41d;
  --skinDanger: #e44033;
  --skinWarning: #f5a72a;
  --skinHeader: #212731;
  --skinPrimaryLiteOnLight: #e7ecf6;
  --skinAccentLiteOnLight: #f9e8f0;
  --skinSuccessLiteOnLight: #f1f6e3;
  --skinDangerLiteOnLight: #fbe8e6;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #070c16;
  --skinAccentLiteOnDark: #180810;
  --skinSuccessLiteOnDark: #111503;
  --skinDangerLiteOnDark: #1b0706;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #385ead;
  --skinAccentHover: #c8367c;
  --skinSuccessHover: #80a21a;
  --skinDangerHover: #e22f21;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #3d66bc;
  --skinAccentGradient: #cd4586;
  --skinSuccessGradient: #8eb41d;
}