/* Fonts are declared in theme.json and linked from the layout head, so they download
   in parallel with the stylesheet instead of waiting for it to parse. */
:root {
  --jr-font-display: 'IBM Plex Sans', system-ui, sans-serif;
  --jr-font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --jr-r-card: 0.35rem;
  --jr-r-hero: 0.5rem;
  --jr-r-media: 0.35rem;
  --jr-section-y: 80px;
}

.jr-header {
  border-bottom: 1px solid var(--jr-border);
  letter-spacing: 0.02em;
}

.jr-product-card {
  border-radius: var(--jr-r-card);
  box-shadow: none;
  border: 1px solid var(--jr-border);
}

.jr-product-card__title {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.jr-pdp__title {
  font-family: 'IBM Plex Serif', Georgia, serif;
}