/* tokens.css — design tokens (single source of truth).
 *
 * A 4-step font-size scale for the whole site. Every page links this file
 * in <head> before its own <style>, so changing a size here changes it
 * everywhere. All font-size:NNpx across the pages map onto these 4 steps.
 */
:root {
  --fs-lg:   37px;  /* page/section headings, practice titles */
  --fs-md:   25px;  /* card names, publication titles, mid text */
  --fs-base: 17px;  /* body text, nav, buttons */
  --fs-sm:   13px;  /* small text, labels, kickers */
}

/* Mobile: shrink the large steps so headings fit narrow screens. Because
 * everything uses var(--fs-*), this is the ONE place mobile sizes live —
 * no per-element !important overrides on the pages. */
@media (max-width: 720px) {
  :root {
    --fs-lg: 24px;
    --fs-md: 20px;
  }
}
