:root {
  --skinPrimary: #7a3657;
  --skinSecondary: #2180c4;
  --skinAccent: #a65d7d;
  --skinSuccess: #27a774;
  --skinDanger: #d6213f;
  --skinWarning: #c1931f;
  --skinHeader: #8b4a68;
  --skinPrimaryLiteOnLight: #efe6ea;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #f4ebef;
  --skinSuccessLiteOnLight: #e5f4ee;
  --skinDangerLiteOnLight: #fae4e7;
  --skinWarningLiteOnLight: #f7f2e4;
  --skinPrimaryLiteOnDark: #0e060a;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #130b0f;
  --skinSuccessLiteOnDark: #04140d;
  --skinDangerLiteOnDark: #190307;
  --skinWarningLiteOnDark: #171103;
  --skinPrimaryHover: #6c304d;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #9a5573;
  --skinSuccessHover: #239669;
  --skinDangerHover: #c41e3a;
  --skinWarningHover: #af861c;
  --skinPrimaryGradient: #7a3657;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #a65d7d;
  --skinSuccessGradient: #27a774;
}