:root {
  --msem-color-primary: #235176;
  --msem-color-secondary: #f4ca54;
  --msem-color-lightest: #fff;
  --msem-color-lighter: #f5f5f5;
  --msem-color-light: #f1f1f1;
  --msem-color-mediumlight: #ecedef;
  --msem-color-medium: #afafaf;
  --msem-color-mediumdark: #a5a6a7;
  --msem-color-dark: #7a7979;
  --msem-color-darker: #222222;
  --msem-color-darkest: #060e0c;
  --msem-color-transparent: rgba(255, 255, 255, 0);
  --msem-color-error: #ff3d00;
  --msem-color-available: #30ae60;
  --msem-color-unavailable: #c20809;
  --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 rgba(244, 201, 84, 0.5);
  --msem-shadow: 6px 6px 10px 0 5px 10px rgba(0, 0, 0, 0.12);
  --msem-shadow-light: 0px 2px 4px rgba(0, 0, 0, 0.2);
  --msem-shadow-widget: 0 8px 30px rgba(0, 0, 0, 0.12);
  --msem-shadow-dialog: 0 30px 60px rgba(0, 0, 0, 0.12);
  --msem-filters-map: saturate(0.05) hue-rotate(100deg) contrast(1.2);
  --msem-filters-image: none;
}
:root[data-facet='summer'] {
  --msem-color-primary: #6a7d7a;
}