:root {
  --skinPrimary: #6552e1;
  --skinAccent: #c0274c;
  --skinSuccess: #76ae00;
  --skinDanger: #c2010c;
  --skinWarning: #f99826;
  --skinHeader: #332344;
  --skinPrimaryLiteOnLight: #eceafb;
  --skinAccentLiteOnLight: #f7e5e9;
  --skinSuccessLiteOnLight: #eef5e0;
  --skinDangerLiteOnLight: #f7e0e1;
  --skinWarningLiteOnLight: #fef2e4;
  --skinPrimaryLiteOnDark: #0c091b;
  --skinAccentLiteOnDark: #170409;
  --skinSuccessLiteOnDark: #0e1400;
  --skinDangerLiteOnDark: #170001;
  --skinWarningLiteOnDark: #1d1204;
  --skinPrimaryHover: #5641de;
  --skinAccentHover: #af2445;
  --skinSuccessHover: #689a00;
  --skinDangerHover: #ae010b;
  --skinWarningHover: #f88f12;
  --skinPrimaryGradient: #6552e1;
  --skinAccentGradient: #c0274c;
  --skinSuccessGradient: #76ae00;
}