/* Mythox type tokens, Phase 3 draft.
   Chosen fonts are NOT bundled yet (self-hosted files need approval to download).
   Until then every stack falls back to the current demo stacks, so nothing changes visually. */
:root {
  --mx-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --mx-font-ui: "Atkinson Hyperlegible Next", "Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;

  /* Phone-first scale. 12px is the floor, used only for uppercase labels. */
  --mx-text-xs: 0.75rem;    /* 12  labels, caps, +0.08em tracking */
  --mx-text-sm: 0.875rem;   /* 14  captions, secondary info */
  --mx-text-base: 1rem;     /* 16  body, buttons */
  --mx-text-lg: 1.125rem;   /* 18  HUD numerals, emphasis */
  --mx-text-h3: 1.25rem;    /* 20  panel titles (display face from here up) */
  --mx-text-h2: 1.5rem;     /* 24  */
  --mx-text-h1: 2rem;       /* 32  screen titles */
  --mx-text-display: 2.75rem; /* 44  result banners, level-up */

  --mx-leading-tight: 1.15;
  --mx-leading-ui: 1.35;
  --mx-leading-body: 1.5;

  --mx-weight-regular: 400;
  --mx-weight-strong: 700;
  --mx-display-weight: 650;
  --mx-track-caps: 0.08em;
}