/* Product typography: reusable roles, first applied to Millerighe veneer.
   See docs/TYPOGRAPHY.md. Layout, media and disclosure choreography live elsewhere. */
.product-type-standard {
  --type-weight-reading: 500;
  --type-weight-emphasis: 600;
  --type-tracking-reading: normal;
  --type-tracking-lead: -.0125em;
  --type-tracking-display: -.025em;
  --type-size-body: 1.125rem;
  --type-size-compact: 1rem;
  --type-size-lead: 1.5rem;
  --type-size-card: 1.5rem;
  --type-size-title: clamp(2.5rem, 3.4vw, 4rem);
  --type-size-chapter: clamp(2rem, 3.3vw, 3.5rem);
  --type-leading-reading: 1.3;
  --type-leading-lead: 1.2;
  --type-leading-display: 1.1;
}

/* Narrative prose and its actions share the approved reading treatment. */
.product-type-standard :is(.product-story, .manufacturer-body, .finish-introduction, .product-readmore, .manufacturer-link, .skip-link, .product-enquiry) {
  font-size: var(--type-size-body);
  font-weight: var(--type-weight-reading);
  line-height: var(--type-leading-reading);
  letter-spacing: var(--type-tracking-reading);
}
.product-type-standard .product-options h2 {
  font-size: var(--type-size-body);
  font-weight: var(--type-weight-emphasis);
  line-height: var(--type-leading-reading);
  letter-spacing: var(--type-tracking-reading);
}

/* Supporting information stays compact without becoming light or compressed. */
.product-type-standard :is(.product-specs, .finish-swatch figcaption, .product-option-note, .footer-top, .footer-bottom) {
  font-size: var(--type-size-compact);
  font-weight: var(--type-weight-reading);
  line-height: var(--type-leading-reading);
  letter-spacing: var(--type-tracking-reading);
}

.product-type-standard :is(.product-introduction, .product-finishes h2) {
  font-size: var(--type-size-lead);
  font-weight: var(--type-weight-reading);
  line-height: var(--type-leading-lead);
  letter-spacing: var(--type-tracking-lead);
}
.product-type-standard .editorial-product-title {
  font-size: var(--type-size-title);
  font-weight: var(--type-weight-reading);
  line-height: var(--type-leading-display);
  letter-spacing: var(--type-tracking-display);
}
.product-type-standard :is(.product-manufacturer h2, .product-related h2) {
  font-size: var(--type-size-chapter);
  font-weight: var(--type-weight-reading);
  line-height: var(--type-leading-display);
  letter-spacing: var(--type-tracking-display);
}
.product-type-standard .related-door h3 {
  font-size: var(--type-size-card);
  font-weight: var(--type-weight-reading);
  line-height: var(--type-leading-lead);
  letter-spacing: var(--type-tracking-lead);
  white-space: normal;
  overflow-wrap: break-word;
}
.product-type-standard :is(.product-story-inner p, .manufacturer-column p) { max-width: 70ch; }

@media (max-width: 767px) {
  .product-type-standard { --type-size-card: 1.25rem; }
}