/* Reset priority below Mts components/utilities; unlayered component isolation wins. */
@layer theme, base, website-legacy-reset, components, utilities;
html { font-size: 100%; }
html[data-site-area="tiny"] body { font-size: 1.6rem; }
@layer website-legacy-reset {
  @scope (.legacy-ui) to (.mts-ui) {
    /* Restore UA heading/SVG defaults changed by Tailwind preflight, only in legacy. */
    h1 { font-size: 2em; font-weight: bold; }
    h2 { font-size: 1.5em; font-weight: bold; }
    h3 { font-size: 1.17em; font-weight: bold; }
    h4 { font-size: 1em; font-weight: bold; }
    h5 { font-size: .83em; font-weight: bold; }
    h6 { font-size: .67em; font-weight: bold; }
    svg { display: inline; }
    img, video { max-width: none; }
    ::placeholder { color: revert; opacity: revert; }
    img, svg, video, canvas, iframe { vertical-align: baseline; }
    button, input, select, textarea { color: CanvasText; }
    textarea { line-height: normal; }
  }
}

/* Library islands inherit the default typography/ink, not the legacy surface. */
.mts-ui { font-family: var(--font-sans); font-size: 1rem; line-height: 1.5; color: var(--foreground); }

/* Legacy hardcoded surfaces remain light until their screen migration. */
.legacy-ui { color-scheme: light; }
.mts-ui { color-scheme: light; }
html.dark .mts-ui { color-scheme: dark; }