/* Merrix Customer R130 — design tokens */
:root {
  --mx-version: "R083";
  --mx-breakpoint-mobile-max: 599px;
  --mx-breakpoint-tablet-portrait-min: 600px;
  --mx-breakpoint-tablet-portrait-max: 839px;
  --mx-breakpoint-tablet-landscape-min: 840px;
  --mx-breakpoint-tablet-landscape-max: 1199px;
  --mx-breakpoint-desktop-min: 1200px;

  --mx-shell-header-height: 88px;
  --mx-shell-mobile-header-height: 74px;
  --mx-shell-bottom-nav-height: 60px;
  --mx-shell-bottom-nav-safe-height: calc(var(--mx-shell-bottom-nav-height) + env(safe-area-inset-bottom, 0px));

  --mx-space-1: 4px;
  --mx-space-2: 8px;
  --mx-space-3: 12px;
  --mx-space-4: 16px;
  --mx-space-5: 20px;
  --mx-space-6: 24px;
  --mx-space-7: 32px;
  --mx-space-8: 40px;
  --mx-space-9: 48px;
  --mx-space-10: 64px;

  --mx-radius-xs: 8px;
  --mx-radius-sm: 12px;
  --mx-radius-md: 18px;
  --mx-radius-lg: 26px;

  --mx-z-header: 60;
  --mx-z-overlay: 70;
  --mx-z-drawer: 80;
  --mx-z-bottom-nav: 90;
  --mx-z-toast: 100;

  --mx-font-body: "MerrixEN-Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mx-font-heading: "MerrixEN-Bold", "MerrixEN-Regular", system-ui, sans-serif;
  --mx-font-light: "MerrixEN-Light", system-ui, sans-serif;

  --mx-letter-tight: 0.02em;
  --mx-letter-ui: 0.08em;
  --mx-letter-display: 0.16em;
}