/* Exxus type — larger heading scale (h1 50, h2 42.5, h3 35, h4 27.5). Shared with Sutra so both
   DTC sites match on the larger option. Body 18px. Brand fonts stay per-brand. */
:root {
  --element-text-font-size--body-md: 18px;
  --element-text-font-size--body-sm: 15px;
  --element-text-font-size--heading-2xl: 60px;
  --element-text-font-size--heading-xl: 50px;
  --element-text-font-size--heading-lg: 42.5px;
  --element-text-font-size--heading-md: 35px;
  --element-text-font-size--heading-sm: 27.5px;
  --element-text-font-size--heading-xs: 22px;
  --element-text-font-size--heading-2xs: 18px;

  --element-text-line-height--body-md: 1.5;
  --element-text-line-height--heading-2xl: 1.1;
  --element-text-line-height--heading-xl: 1.1;
  --element-text-line-height--heading-lg: 1.1;
  --element-text-line-height--heading-md: 1.1;
  --element-text-line-height--heading-sm: 1.1;
  --element-text-line-height--heading-xs: 1.1;
  --element-text-line-height--heading-2xs: 1.1;
}

/* Header nav: 16px to match Sutra (no native nav-size setting; capitalize applies 18px). */
.site-nav__link--underline { font-size: 16px !important; }

/* Subtle body letter-spacing. */
.rte { letter-spacing: 0.45px; }
.rte, .rte p, .rte li { line-height: 1.5; }

/* Scale headings down on small screens. */
@media (max-width: 749px) {
  :root {
    --element-text-font-size--heading-2xl: 40px;
    --element-text-font-size--heading-xl: 34px;
    --element-text-font-size--heading-lg: 30px;
    --element-text-font-size--heading-md: 26px;
    --element-text-font-size--heading-sm: 22px;
  }
}