/* ==========================================================================
   Alphatek — unscoped page ground. OPT-IN.

   Link this ONLY on a route rendered entirely by this design system, with no
   `global-*` markup on it. It sets the html/body ground and the selection colour
   for the whole document, which will visibly change any existing page that also
   uses public/brand/styles.css + src/site-shell.css.

   Normal use is base.css alone plus <main className="ax-root">.
   ========================================================================== */

html, body { margin: 0; padding: 0; }

body {
  background: var(--ax-bg);
  color: var(--ax-text);
  font-family: var(--ax-font);
  font-size: var(--ax-body);
  line-height: var(--ax-body-lh);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection { background: var(--ax-accent); color: var(--ax-text-on-accent); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}