:root {
  --skinPrimary: #9a71c6;
  --skinSecondary: #f16f60;
  --skinAccent: #fd9a1a;
  --skinSuccess: #00bb65;
  --skinDanger: #d9294a;
  --skinWarning: #f98942;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #f2edf8;
  --skinSecondaryLiteOnLight: #fdedeb;
  --skinAccentLiteOnLight: #fef2e3;
  --skinSuccessLiteOnLight: #e0f6ec;
  --skinDangerLiteOnLight: #fae5e9;
  --skinWarningLiteOnLight: #fef0e8;
  --skinPrimaryLiteOnDark: #120d17;
  --skinSecondaryLiteOnDark: #1c0d0b;
  --skinAccentLiteOnDark: #1e1203;
  --skinSuccessLiteOnDark: #00160c;
  --skinDangerLiteOnDark: #1a0408;
  --skinWarningLiteOnDark: #1d1007;
  --skinPrimaryHover: #9062c0;
  --skinSecondaryHover: #ef5e4d;
  --skinAccentHover: #fd9106;
  --skinSuccessHover: #00a75a;
  --skinDangerHover: #ca2443;
  --skinWarningHover: #f87d2e;
  --skinPrimaryGradient: #9a71c6;
  --skinSecondaryGradient: #f16f60;
  --skinAccentGradient: #fd9a1a;
  --skinSuccessGradient: #00bb65;
}