:root {
  --skinPrimary: #21afb7;
  --skinAccent: #ee2a4b;
  --skinSuccess: #21b782;
  --skinDanger: #c71230;
  --skinWarning: #de9800;
  --skinHeader: #0c2d2f;
  --skinPrimaryLiteOnLight: #e4f5f6;
  --skinAccentLiteOnLight: #fce5e9;
  --skinSuccessLiteOnLight: #e4f6f0;
  --skinDangerLiteOnLight: #f8e2e6;
  --skinWarningLiteOnLight: #fbf2e0;
  --skinPrimaryLiteOnDark: #031515;
  --skinAccentLiteOnDark: #1c0509;
  --skinSuccessLiteOnDark: #03150f;
  --skinDangerLiteOnDark: #170205;
  --skinWarningLiteOnDark: #1a1200;
  --skinPrimaryHover: #1e9ea6;
  --skinAccentHover: #ec173b;
  --skinSuccessHover: #1ea676;
  --skinDangerHover: #b4102b;
  --skinWarningHover: #ca8a00;
  --skinPrimaryGradient: #21afb7;
  --skinAccentGradient: #ee2a4b;
  --skinSuccessGradient: #21b782;
}