/*
 * Ahna de Vena — ordinary explanatory body copy
 *
 * Single shared owner of the standard body-copy family. Page styles may
 * set local variables for approved exceptions; do not copy these rule blocks.
 *
 * Apply .body-copy to a single paragraph or .body-copy-group to a wrapper.
 * Use the preserve-colour modifier where the page supplies an intentional
 * white, cream or context-specific colour. Mark intentional display paragraphs
 * inside a group with .body-copy-exception. These rules use the normal cascade;
 * no !important declarations are needed.
 */

:root {
  --body-copy-colour: rgba(20, 17, 15, 0.66);
  --body-copy-font: "Inter", Arial, sans-serif;
  --body-copy-leading: 1.78;
  --body-copy-size: 16px;
  --body-copy-weight: 300;
  --body-copy-hero-leading: 1.6;
  --body-copy-card-leading: 1.5;
  --body-copy-reading-size: 17px;
  --body-copy-reading-leading: 1.78;
}

.body-copy,
.body-copy-group p:not(.body-copy-exception) {
  font-family: var(--body-copy-font);
  font-size: var(--body-copy-size);
  font-style: normal;
  font-weight: var(--body-copy-weight);
  line-height: var(--body-copy-leading);
}

.body-copy:not(.body-copy--preserve-colour),
.body-copy-group:not(.body-copy-group--preserve-colour) p:not(.body-copy-exception) {
  color: var(--body-copy-colour);
}

@media (max-width: 600px) {
  :root {
    --body-copy-size: 14.5px;
    --body-copy-leading: 1.75;
    --body-copy-reading-size: 16px;
  }
}