/* ============================================================
   Wanted Design System — base / reset
   Lightweight, opt-in defaults. Sets the default UI font and ink.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--body-1-size);
  line-height: var(--body-1-line);
  letter-spacing: var(--body-1-spacing);
  font-weight: var(--weight-medium);
  color: var(--label-normal);
  background: var(--background-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Wanted UI text is set with tight, intentional tracking — let CJK
   and Latin sit together cleanly. */
:where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font-family: var(--font-display);
  color: var(--label-strong);
}

:where(a) { color: var(--primary-normal); text-decoration: none; }
:where(button) { font-family: inherit; }

::selection { background: var(--blue-90); color: var(--label-strong); }
