:root {
  --mx-color-primary: #374151;
  --mx-color-danger: #b84747;
  --mx-color-text: #28313f;
  --mx-color-text-secondary: #738091;
  --mx-color-border: #dbe1e8;
  --mx-color-bg: #f0f3f6;
  --mx-color-bg-hover: #e4eaf0;
  --mx-color-bg-active: #d7e0e9;
  --mx-color-panel: #fff;
  --mx-color-canvas: #e9eef3;
  --mx-color-success: #3b7060;
  --mx-color-success-bg: #e5f0eb;
  --mx-color-spine: #6e5d91;
  --mx-color-spine-bg: #eeeaf5;
  --mx-color-warning: #946325;
  --mx-color-warning-bg: #f8f0e1;
  --mx-color-muted: #a4aeb8;
  --mx-color-grid: #dce3e9;
  --mx-color-overlay: #24314480;
  --mx-glass-bg: #ffffff75;
  --mx-glass-border: #ffffffb8;
  --mx-glass-layer: #ffffffec;
  --mx-glass-hover: #ffffff70;
  --mx-glass-highlight: #ffffffb3;
  --mx-glass-shadow: 0 2px 7px #2431441f, inset 0 0 0 1px #ffffffa3;
  --mx-glass-blur: 14px;
  --mx-glass-saturate: 140%;
  --mx-color-focus: #63748a;
  --mx-radius-sm: 5px;
  --mx-radius-md: 5px;
  --mx-radius-lg: 8px;
  --mx-radius-full: 999px;
  --mx-size-sm: 28px;
  --mx-size-md: 36px;
  --mx-size-lg: 44px;
  --mx-space-xxs: 2px;
  --mx-space-xs: 4px;
  --mx-space-sm: 8px;
  --mx-space-md: 16px;
  --mx-space-lg: 24px;
  --mx-space-xl: 32px;
  --mx-space-2xl: 48px;
  --mx-font-xs: 11px;
  --mx-font-sm: 12px;
  --mx-font-md: 14px;
  --mx-font-lg: 16px;
  --mx-font-xl: 22px;
  --mx-font-title: 32px;
  --mx-font-display: 42px;
  --mx-line-height: 1.6;
  --mx-weight-normal: 400;
  --mx-weight-medium: 500;
  --mx-weight-bold: 650;
  --mx-transition: 0.2s ease;
  --mx-slide-time: 280ms;
  --mx-slide-curve: cubic-bezier(0.4, 0, 0.2, 1);
  --mx-border-width: 1px;
  --mx-focus-width: 2px;
  --mx-z-tooltip: 3100;
  --mx-z-dropdown: 1000;
  --mx-z-dialog: 2000;
  --mx-z-message: 3000;
  --mx-z-header: 50;
  --mx-disabled-opacity: 0.45;
  --mx-icon-sm: 16px;
  --mx-icon-md: 20px;
  --mx-icon-lg: 28px;
  --mx-sidebar-width: 208px;
  --mx-page-width: 1560px;
  --mx-dialog-width: 960px;
  --mx-form-width: 400px;
  --mx-grid-unit: 20px;
  --mx-card-min: 172px;
  --mx-preview-height: 560px;
  --mx-image-height: 244px;
  --mx-scroll-size: 5px;
  --mx-full: 100%;
  --mx-half: 50%;
  --mx-zero: 0;
  --mx-flex-one: 1;
  --mx-image-ratio: 3/4;
  --mx-min-column: 260px;
  --mx-max-dropdown: 280px;
  --mx-weight-caption: 550;
  --mx-spin-duration: 1s;
  --mx-title-tracking: -0.04em;
  --mx-title-line-height: 1.2;
  --mx-preview-max-height: 65dvh;
  --mx-description-width: 80ch;
  --mx-viewport-height: 100dvh;
  --mx-viewport-width: 100vw;
}
:root[data-theme="dark"] {
  --mx-color-primary: #d5dee9;
  --mx-color-text: #e5ebf2;
  --mx-color-text-secondary: #a1acbb;
  --mx-color-bg: #263140;
  --mx-color-bg-hover: #344151;
  --mx-color-bg-active: #425267;
  --mx-color-panel: #202a38;
  --mx-color-canvas: #16202d;
  --mx-color-grid: #293648;
  --mx-color-border: #3b4755;
  --mx-glass-bg: #ffffff0b;
  --mx-glass-border: #ffffff21;
  --mx-glass-layer: #ffffff18;
  --mx-glass-hover: #ffffff0c;
  --mx-glass-shadow: 0 2px 7px #00000030, inset 0 0 0 1px #ffffff1a;
  --mx-glass-highlight: #ffffff1a;
  --mx-color-success-bg: #244337;
  --mx-color-success: #a3d8c1;
  --mx-color-spine-bg: #383147;
  --mx-color-spine: #c1b3dc;
  --mx-color-warning-bg: #493e29;
  --mx-color-warning: #e1c693;
  --mx-color-focus: #a3b6cf;
}

:root {--mx-seo-width:1240px;--mx-seo-heading:48px;--mx-seo-heading-mobile:34px;--mx-seo-hero-height:370px;--mx-seo-card-height:210px;--mx-seo-detail-height:640px;--mx-seo-thumb-height:120px;--mx-seo-min-height:65vh;--mx-seo-search-width:220px;--mx-seo-tracking:.06em;--mx-seo-focus-width:2px;--mx-color-white:#fff;}