:root {
  --skinPrimary: #476dce;
  --skinAccent: #ee4488;
  --skinSuccess: #79a700;
  --skinDanger: #e21232;
  --skinWarning: #db8b00;
  --skinHeader: #2f4c95;
  --skinPrimaryLiteOnLight: #e8edf9;
  --skinAccentLiteOnLight: #fce8f0;
  --skinSuccessLiteOnLight: #eef4e0;
  --skinDangerLiteOnLight: #fbe2e6;
  --skinWarningLiteOnLight: #faf1e0;
  --skinPrimaryLiteOnDark: #080d18;
  --skinAccentLiteOnDark: #1c0810;
  --skinSuccessLiteOnDark: #0e1400;
  --skinDangerLiteOnDark: #1b0206;
  --skinWarningLiteOnDark: #1a1000;
  --skinPrimaryHover: #3760ca;
  --skinAccentHover: #ec317c;
  --skinSuccessHover: #6a9300;
  --skinDangerHover: #cf102e;
  --skinWarningHover: #c77e00;
  --skinPrimaryGradient: #476dce;
  --skinAccentGradient: #ee4488;
  --skinSuccessGradient: #79a700;
}