:root {
  --mx-color-primary: #374151;
  --mx-color-danger: #b93d48;
  --mx-color-text: #28323c;
  --mx-color-text-secondary: #647181;
  --mx-color-border: #dce2e8;
  --mx-color-bg: #edf1f4;
  --mx-color-bg-hover: #e2e8ed;
  --mx-color-bg-active: #d7e0e7;
  --mx-color-panel: #ffffff;
  --mx-color-canvas: #e4e9ed;
  --mx-color-accent: #497268;
  --mx-color-accent-soft: #e8f0ed;
  --mx-color-warning: #946329;
  --mx-color-warning-soft: #faf1e3;
  --mx-radius-sm: 5px;
  --mx-radius-md: 5px;
  --mx-radius-lg: 8px;
  --mx-radius-full: 9999px;
  --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-gap: 1px;
  --mx-size-sm: 28px;
  --mx-size-md: 36px;
  --mx-size-lg: 44px;
  --mx-size-icon: 18px;
  --mx-size-mark: 34px;
  --mx-font-xs: 11px;
  --mx-font-sm: 12px;
  --mx-font-md: 14px;
  --mx-font-lg: 16px;
  --mx-font-xl: 20px;
  --mx-font-title: 28px;
  --mx-font-display: 38px;
  --mx-line: 1.65;
  --mx-weight: 600;
  --mx-sidebar: 206px;
  --mx-content: 1440px;
  --mx-dialog: 680px;
  --mx-input-area: 130px;
  --mx-chart-height: 152px;
  --mx-select-height: 260px;
  --mx-login-width: 420px;
  --mx-detail-width: 760px;
  --mx-min-column: 280px;
  --mx-reading: 78ch;
  --mx-percent-full: 100%;
  --mx-viewport: 100dvh;
  --mx-grid-size: 16px;
  --mx-transition: 0.2s ease;
  --mx-motion: 280ms cubic-bezier(0.4, 0, 0.2, 1);
  --mx-blur: 14px;
  --mx-saturation: 140%;
  --mx-glass: rgba(255, 255, 255, 0.48);
  --mx-glass-border: rgba(255, 255, 255, 0.72);
  --mx-indicator: rgba(255, 255, 255, 0.94);
  --mx-indicator-shadow:
    0 2px 7px rgba(40, 55, 70, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.65);
  --mx-hover-glass: rgba(255, 255, 255, 0.48);
  --mx-shadow: 0 16px 60px rgba(30, 45, 60, 0.2);
  --mx-overlay: rgba(25, 35, 45, 0.45);
  --mx-focus: 2px solid #497268;
  --mx-focus-offset: 2px;
  --mx-z-dropdown: 1000;
  --mx-z-dialog: 2000;
  --mx-z-message: 3000;
  --mx-z-tooltip: 3100;
  --mx-disabled: 0.45;
}
:root[data-theme='dark'] {
  --mx-color-primary: #c5ced7;
  --mx-color-text: #e5eaf0;
  --mx-color-text-secondary: #a1afbd;
  --mx-color-border: #35414c;
  --mx-color-bg: #27343e;
  --mx-color-bg-hover: #344450;
  --mx-color-bg-active: #3d505e;
  --mx-color-panel: #202b34;
  --mx-color-canvas: #172129;
  --mx-color-accent: #90c5b3;
  --mx-color-accent-soft: #293f3a;
  --mx-color-danger: #ffa3ab;
  --mx-color-warning: #ecc58e;
  --mx-color-warning-soft: #473c2d;
  --mx-glass: rgba(255, 255, 255, 0.04);
  --mx-glass-border: rgba(255, 255, 255, 0.12);
  --mx-indicator: rgba(255, 255, 255, 0.14);
  --mx-indicator-shadow: 0 2px 7px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  --mx-hover-glass: rgba(255, 255, 255, 0.07);
  --mx-focus: 2px solid #90c5b3;
  color-scheme: dark;
}

: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;}