/* Shared "editorial card" caption — image link + uppercase tracked-out
   caption below it. Same markup pattern (link > img + p.card-name) under
   three different parent-class names: .ed-card on the collection pages
   (signature-blazers.html, summer-blazers.html, accessories.html) and
   .blazer-card/.summer-card on index.html's homepage sections.
   Standardized on the values index.html's .blazer-card/.summer-card
   sections already used, rather than the collection pages' prior
   hardcoded 0.65rem / 0.3em / 16px.
   Depends on tokens defined in css/tokens.css: --font-body,
   --text-label-tight, --weight-regular, --tracking-contact-details,
   --color-brown-gray. */
.ed-card .card-name,
.blazer-card .card-name,
.summer-card .card-name {
  margin-top: 8px;   /* var(--scale-2); */
  font-family: var(--font-body);
  font-size: var(--text-label-tight);
  font-weight: var(--weight-regular);
  letter-spacing: var(--tracking-contact-details);
  text-transform: uppercase;
  color: var(--text-color-primary);
}

/* Shared "whole card is a plain link" reset. Applied as an added class
   on the <a> itself (.ed-card a / .blazer-card--large a / .blazer-card
   --small a / .summer-card a / .product-card__link all reduced to this
   same 2-3 properties under different parent-class names) rather than
   renaming any of those parent classes. Used by index.html, the three
   collection pages, and shop-all.html. */
.card-link {
  display: block;
  color: inherit;
  text-decoration: none;
}