:root {
  --skinPrimary: #36095f;
  --skinSecondary: #dc518e;
  --skinAccent: #86b900;
  --skinSuccess: #00b05a;
  --skinDanger: #ca103f;
  --skinWarning: #e87830;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #e6e1eb;
  --skinSecondaryLiteOnLight: #faeaf1;
  --skinAccentLiteOnLight: #f0f6e0;
  --skinSuccessLiteOnLight: #e0f5eb;
  --skinDangerLiteOnLight: #f8e2e7;
  --skinWarningLiteOnLight: #fceee6;
  --skinPrimaryLiteOnDark: #06010b;
  --skinSecondaryLiteOnDark: #1a0911;
  --skinAccentLiteOnDark: #101600;
  --skinSuccessLiteOnDark: #00150a;
  --skinDangerLiteOnDark: #180107;
  --skinWarningLiteOnDark: #1b0e05;
  --skinPrimaryHover: #2b074c;
  --skinSecondaryHover: #d94083;
  --skinAccentHover: #77a500;
  --skinSuccessHover: #009c50;
  --skinDangerHover: #b70f39;
  --skinWarningHover: #e66c1e;
  --skinPrimaryGradient: #36095f;
  --skinSecondaryGradient: #dc518e;
  --skinAccentGradient: #86b900;
  --skinSuccessGradient: #00b05a;
}