:root {
  --skinPrimary: #31a0d9;
  --skinAccent: #d5286a;
  --skinSuccess: #52c11d;
  --skinDanger: #ec002a;
  --skinWarning: #f37a09;
  --skinHeader: #540724;
  --skinPrimaryLiteOnLight: #e6f3fa;
  --skinAccentLiteOnLight: #f9e5ed;
  --skinSuccessLiteOnLight: #eaf7e3;
  --skinDangerLiteOnLight: #fce0e5;
  --skinWarningLiteOnLight: #fdefe1;
  --skinPrimaryLiteOnDark: #05131a;
  --skinAccentLiteOnDark: #19040c;
  --skinSuccessLiteOnDark: #091703;
  --skinDangerLiteOnDark: #1c0005;
  --skinWarningLiteOnDark: #1d0e01;
  --skinPrimaryHover: #2696cf;
  --skinAccentHover: #c42561;
  --skinSuccessHover: #4aaf1a;
  --skinDangerHover: #d80026;
  --skinWarningHover: #df7008;
  --skinPrimaryGradient: #31a0d9;
  --skinAccentGradient: #d5286a;
  --skinSuccessGradient: #52c11d;
}