:root {
  --msem-color-primary: #cc0900;
  --msem-color-secondary: #2d5bff;

  --msem-color-lightest: #fff;
  --msem-color-lighter: #f8f8f8;
  --msem-color-light: #ededed;

  --msem-color-mediumlight: #d7d7d7;
  --msem-color-medium: #9d9d9d;
  --msem-color-mediumdark: #7c7b7b;

  --msem-color-dark: #4d4d4d;
  --msem-color-darker: #262626;
  --msem-color-darkest: #000;

  --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 2px var(--msem-color-secondary), inset 0 0 0 1px var(--msem-color-lightest);

  --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: grayscale(1) brightness(1.1);
  --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;

  /* Precomputed colors */
  --msem-color-primary-light: hsl(2.6470588235294117, 100%, 55%, 1);
  --msem-color-primary-lighter: hsl(2.6470588235294117, 100%, 70%, 1);
  --msem-color-primary-lightest: hsl(2.6470588235294117, 100%, 95%, 1);
  --msem-color-primary-dark: hsl(2.6470588235294117, 100%, 35%, 1);
  --msem-color-primary-darker: hsl(2.6470588235294117, 100%, 25%, 1);
  --msem-color-primary-darkest: hsl(2.6470588235294117, 100%, 15%, 1);
  --msem-color-primary-gradient: linear-gradient(135deg, var(--msem-color-primary), var(--msem-color-primary-dark));
  --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(226.85714285714286, 100%, 73.82352941176471%, 1);
  --msem-color-secondary-lighter: hsl(226.85714285714286, 100%, 88.82352941176471%, 1);
  --msem-color-secondary-lightest: hsl(226.85714285714286, 100%, 113.82352941176471%, 1);
  --msem-color-secondary-dark: hsl(226.85714285714286, 100%, 53.82352941176471%, 1);
  --msem-color-secondary-darker: hsl(226.85714285714286, 100%, 43.82352941176471%, 1);
  --msem-color-secondary-darkest: hsl(226.85714285714286, 100%, 33.82352941176471%, 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-light: hsl(0, 0%, 76.56862745098039%, 1);
  --msem-color-medium-backdrop: hsl(0, 0%, 61.568627450980394%, 0.25);
  --msem-color-darkest-light: hsl(0, 0%, 15%, 1);
  --msem-color-darkest-backdrop: hsl(0, 0%, 0%, 0.9);
  --msem-color-light-gradient: linear-gradient(135deg, var(--msem-color-light), var(--msem-color-mediumlight));
}