html { font-family: var(--font-stack); font-size: var(--fs-base); line-height: var(--fs-lh); letter-spacing: var(--fs-tracking); }

/* Typeface, size and line-spacing are intentionally not surfaced in our
   reading-aids panel — the Dyslexie Font plugin (when active) provides the
   richer set of typography controls (font, size, spacing, interline) and
   we don't duplicate them. Lexend is the dyslexia-friendly default
   for everyone else. */

/* Headings inherit family but set their own size */
h1, h2, h3, h4 { font-weight: 700; line-height: 1.05; letter-spacing: -0.01em; }
.h-hero  { font-size: var(--fs-h1-hero); }
.h-page  { font-size: var(--fs-h1-page); }
.h-section { font-size: var(--fs-h2-section); }
.h-block { font-size: var(--fs-h2-block); }

p { max-width: var(--measure); }
em { font-style: italic; color: var(--accent-primary); }

/* BDA: never justified */
p, li { text-align: left; }