/* ============================================================
   BASE RESET
   Minimal reset so specimens/components render consistently.
   ============================================================ */

* {
  box-sizing: border-box;
}

body {
  background: var(--bg-page);
  color: var(--text-primary);
  font: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--text-link);
  text-decoration: none;
}
a:hover {
  color: var(--text-link-hover);
  text-decoration: underline;
}

code, pre, kbd {
  font-family: var(--font-mono);
}

::selection {
  background: var(--blue-100);
}

:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}