/* ================================================================
   RESET + BASE DEFAULTS
   Ported from design-kit-1/base.css.
   ================================================================ */
*, *::before, *::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior: smooth; }
body{
  margin:0;
  background:var(--color-bg);
  color:var(--color-ink);
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img, svg, video, canvas{ display:block; max-width:100%; }
button, input, select, textarea{ font:inherit; color:inherit; }
a{ color:var(--color-primary); text-decoration:none; }

h1, h2, h3, h4, h5, h6{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.2;
  margin:0 0 .5em;
  color:var(--color-ink);
}

::selection{ background: var(--color-primary); color: #fff; }

:focus-visible{
  outline:2px solid var(--color-primary);
  outline-offset:2px;
  border-radius:4px;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
}