:root {
  --skinPrimary: #316dc0;
  --skinAccent: #d32258;
  --skinSuccess: #1fb651;
  --skinDanger: #dd382c;
  --skinWarning: #f98029;
  --skinHeader: #0b1017;
  --skinPrimaryLiteOnLight: #e6edf7;
  --skinAccentLiteOnLight: #f9e4ea;
  --skinSuccessLiteOnLight: #e4f6ea;
  --skinDangerLiteOnLight: #fae7e5;
  --skinWarningLiteOnLight: #feefe5;
  --skinPrimaryLiteOnDark: #050d17;
  --skinAccentLiteOnDark: #19040a;
  --skinSuccessLiteOnDark: #031509;
  --skinDangerLiteOnDark: #1a0605;
  --skinWarningLiteOnDark: #1d0f04;
  --skinPrimaryHover: #2d64b0;
  --skinAccentHover: #c11f51;
  --skinSuccessHover: #1ca549;
  --skinDangerHover: #d32e22;
  --skinWarningHover: #f87415;
  --skinPrimaryGradient: #316dc0;
  --skinAccentGradient: #d32258;
  --skinSuccessGradient: #1fb651;
}