:root {
  --skinPrimary: #6b4a9a;
  --skinSecondary: #2180c4;
  --skinAccent: #c78d2d;
  --skinSuccess: #25a666;
  --skinDanger: #e0351f;
  --skinWarning: #d79619;
  --skinHeader: #a44763;
  --skinPrimaryLiteOnLight: #ede9f2;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #f8f1e5;
  --skinSuccessLiteOnLight: #e4f4ec;
  --skinDangerLiteOnLight: #fbe6e4;
  --skinWarningLiteOnLight: #faf2e3;
  --skinPrimaryLiteOnDark: #0c0812;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #171005;
  --skinSuccessLiteOnDark: #04130c;
  --skinDangerLiteOnDark: #1a0603;
  --skinWarningLiteOnDark: #191203;
  --skinPrimaryHover: #61438c;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #b68129;
  --skinSuccessHover: #21955c;
  --skinDangerHover: #ce311d;
  --skinWarningHover: #c58917;
  --skinPrimaryGradient: #6b4a9a;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #c78d2d;
  --skinSuccessGradient: #25a666;
}