/* Base reset — shared across every page. Consolidated from what was
   independently duplicated (byte-identical, or standardized here) in
   10 pages' local <style> blocks: 404.html, about.html, faq.html,
   index.html, shop-all.html, collections/accessories.html,
   collections/signature-blazers.html, collections/summer-blazers.html,
   products/product.html, and products/no-notes-use-as-product-template.html.

   body only carries the shared typography baseline here — background-
   color/color stay declared per page, since about.html's dark
   inversion and summer-blazers.html's texture are real, intentional
   overrides layered on top of this, not drift to average away.

   Depends on tokens from css/tokens.css: --font-body, --weight-regular,
   --section-gap. Note --section-gap is NOT in tokens.css itself — it's
   redeclared locally in each page's own :root (same situation as
   --page-padding). Pages that don't declare it (product.html, the
   legacy template) get padding-block: 0 on <section> here, which is a
   no-op given how those pages already handle their own section
   padding — confirmed, not assumed. */

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

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

body {
  font-family: var(--font-body);
  font-weight: var(--weight-regular);
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font: inherit;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* "Global section rhythm" — standardized on --section-gap (already used
   by 3 of the 5 pages that had this rule locally: faq.html, index.html,
   signature-blazers.html). accessories.html and summer-blazers.html
   previously read --page-padding here instead under the identical
   comment header; visually confirmed no noticeable difference between
   the two at their current values. */
section {
  padding-block: var(--section-gap);
}