:root {
  --mx-bg: #0B0C10;
  --mx-surface-1: #12141A;
  --mx-surface-2: #181B22;
  --mx-surface-3: #20242C;
  --mx-border: #2B3038;
  --mx-text: #F3EEE4;
  --mx-text-2: #A8ADB7;
  --mx-text-3: #7D8492;
  --mx-gold: #D6A632;
  --mx-gold-hover: #E4B94F;
  --mx-gold-pressed: #B88A23;
  --mx-success: #72C49A;
  --mx-danger: #F07A7A;
  --mx-info: #7FA7FF;
  --mx-font-ui: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mx-font-reading: "Literata", Georgia, serif;
  --mx-space-1: 4px;
  --mx-space-2: 8px;
  --mx-space-3: 12px;
  --mx-space-4: 16px;
  --mx-space-5: 24px;
  --mx-space-6: 32px;
  --mx-space-7: 40px;
  --mx-space-8: 48px;
  --mx-space-9: 64px;
  --mx-space-10: 80px;
  --mx-space-11: 96px;
  --mx-radius-cover: 8px;
  --mx-radius-control: 8px;
  --mx-radius-card: 10px;
  --mx-radius-panel: 12px;
  --mx-radius-modal: 16px;
  --mx-radius-pill: 999px;
  --mx-ease: cubic-bezier(.2,.8,.2,1);
  --mx-motion-fast: 160ms;
  --mx-motion-menu: 200ms;
  --mx-motion-drawer: 240ms;
  --mx-content-max: 1280px;
  --mx-reading-max: 760px;
}


/* Approved header lockup: high-resolution raster asset with generous clear space. */
.mugex-header-lockup {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  width: 132px;
  height: 54px;
  padding: 4px 0;
  overflow: visible;
  line-height: 0;
  text-decoration: none;
}
.mugex-header-lockup img {
  display: block;
  width: 128px;
  height: auto;
  max-width: none;
  max-height: 52px;
  object-fit: contain;
  image-rendering: auto;
}