:root {
  --msem-color-primary: hsl(var(--primary));
  --msem-color-secondary: hsl(var(--secondary));

  --msem-color-lightest: hsl(var(--grey-000));
  --msem-color-lighter: hsl(var(--neutral-grey-light));
  --msem-color-light: hsl(var(--grey-200));

  --msem-color-mediumlight: hsl(var(--grey-300));
  --msem-color-medium: hsl(var(--grey-400));
  --msem-color-mediumdark: hsl(var(--grey-500));

  --msem-color-dark: hsl(var(--grey-600));
  --msem-color-darker: hsl(var(--grey-700));
  --msem-color-darkest: hsl(var(--grey-800));

  --msem-color-transparent: rgba(255, 255, 255, 0);
  --msem-color-error: #ff5722;
  --msem-color-error-light: hsl(8deg 93% 97%);
  --msem-color-available: #26d962;
  --msem-color-success-light: hsl(128deg 93% 97%);
  --msem-color-unavailable: #c20809;
  --msem-color-gold: #a89160;

  --msem-fontsize-huge: 30px;
  --msem-fontsize-massive: 24px;
  --msem-fontsize-bigger: 20px;
  --msem-fontsize-big: 18px;
  --msem-fontsize-medium: 16px;
  --msem-fontsize-crisp: 15px;
  --msem-fontsize-normal: 14px;
  --msem-fontsize-small: 13px;
  --msem-fontsize-smaller: 12px;
  --msem-fontsize-tiny: 11px;
  --msem-fontsize-tinier: 10px;

  --msem-fontweight-normal: 400;
  --msem-fontweight-bold: 700;

  --msem-focusring: 0 0 0 3px hsla(var(--secondary), 50%);

  --msem-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.5);
  --msem-shadow-light: 0 6px 12px -10px rgba(10, 47, 92, 0.4);
  --msem-shadow-widget: 0 25px 80px rgba(0, 0, 0, 0.5);
  --msem-shadow-dialog: 0 10px 30px rgba(0, 0, 0, 0.25);

  --msem-filters-map: saturate(0.05) hue-rotate(100deg) contrast(1.2);
  --msem-filters-image: none;

  --msem-box-input:
    inset 0 2px 2px -1px rgba(135, 173, 197, 0.2), 0 0 0 1px #d1d8e0;
  --msem-box-card: 0 6px 12px -10px rgba(25, 48, 77, 0.4), 0 0 0 1px #f0f3f5;

  /* 🤮🤮🤮 TO FIX */
  --msem-color-primary-light: hsl(
    195.27272727272728,
    43.30708661417323%,
    39.90196078431373%,
    1
  );
  --msem-color-primary-lighter: hsl(
    195.27272727272728,
    43.30708661417323%,
    54.90196078431373%,
    1
  );
  --msem-color-primary-dark: hsl(
    195.27272727272728,
    43.30708661417323%,
    19.901960784313726%,
    1
  );
  --msem-color-primary-darker: hsl(
    195.27272727272728,
    43.30708661417323%,
    9.901960784313726%,
    1
  );
  --msem-color-primary-gradient: var(--msem-color-secondary);

  --msem-color-primary-gradient-light: linear-gradient(
    135deg,
    var(--msem-color-primary),
    var(--msem-color-primary-light)
  );
  --msem-color-primary-gradient-dark: linear-gradient(
    135deg,
    var(--msem-color-primary),
    var(--msem-color-primary-dark)
  );
  --msem-color-secondary-light: hsl(
    192.24489795918367,
    70.33492822966507%,
    74.01960784313727%,
    1
  );
  --msem-color-secondary-lighter: hsl(
    192.24489795918367,
    70.33492822966507%,
    89.01960784313727%,
    1
  );
  --msem-color-secondary-dark: hsl(
    192.24489795918367,
    70.33492822966507%,
    54.01960784313726%,
    1
  );
  --msem-color-secondary-darker: hsl(
    192.24489795918367,
    70.33492822966507%,
    44.01960784313726%,
    1
  );
  --msem-color-secondary-gradient: linear-gradient(
    135deg,
    var(--msem-color-secondary),
    var(--msem-color-secondary-dark)
  );
  --msem-color-secondary-gradient-light: linear-gradient(
    135deg,
    var(--msem-color-secondary),
    var(--msem-color-secondary-light)
  );
  --msem-color-secondary-gradient-dark: linear-gradient(
    135deg,
    var(--msem-color-secondary),
    var(--msem-color-secondary-dark)
  );
  --msem-color-medium-backdrop: hsl(0, 0%, 69.01960784313725%, 0.25);
  --msem-color-darkest-backdrop: hsl(0, 0%, 5.88235294117647%, 0.9);
}