:root {
  --skinPrimary: #2175e7;
  --skinAccent: #e72179;
  --skinSuccess: #7ebc30;
  --skinDanger: #c90533;
  --skinWarning: #e88e07;
  --skinHeader: #2b466a;
  --skinPrimaryLiteOnLight: #e4eefc;
  --skinAccentLiteOnLight: #fce4ee;
  --skinSuccessLiteOnLight: #eff6e6;
  --skinDangerLiteOnLight: #f8e1e6;
  --skinWarningLiteOnLight: #fcf1e1;
  --skinPrimaryLiteOnDark: #030e1b;
  --skinAccentLiteOnDark: #1b030e;
  --skinSuccessLiteOnDark: #0f1605;
  --skinDangerLiteOnDark: #180006;
  --skinWarningLiteOnDark: #1b1100;
  --skinPrimaryHover: #186bdc;
  --skinAccentHover: #dc186f;
  --skinSuccessHover: #73ac2c;
  --skinDangerHover: #b5052e;
  --skinWarningHover: #d48206;
  --skinPrimaryGradient: #2175e7;
  --skinAccentGradient: #e72179;
  --skinSuccessGradient: #7ebc30;
}