/*
 * ELLTX - site customizations (child theme of Quark 2)
 *
 * Loaded last of the theme's styles (Quark 2 loads theme://css/custom.css,
 * which resolves to this file because the child theme is searched first).
 */

/* ---------- STANDARD: heading font ----------
 * Replaces Quark 2's "Cal Sans" display font. Cal Sans has one weight
 * (bold headings get faux-bolded and smear) and tight negative spacing.
 * ELLTX shortcut: system font stack instead of self-hosted files (site is retiring).
 * Quark 2 sets this variable on :root[data-theme="light"], which outranks a
 * plain :root rule, so the same selectors are matched here.
 */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --pico-font-family-display: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

/* ---------- STANDARD: headings ----------
 * Multi-weight font: h1 800, h2 700, h3 600. */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--pico-font-family-display);
  letter-spacing: normal;    /* undo Quark 2's tight negative spacing */
}
h1 { font-weight: 800; }
h2 { font-weight: 700; }
h3, h4, h5, h6 { font-weight: 600; }

/* ---------- STANDARD: remove the short bar Quark 2 draws above every H2 ----------
 * theme.css h2::before. No admin setting for it. */
h2::before {
  content: none;
  display: none;
}

/* ---------- STANDARD: no automatic hyphenation ----------
 * Quark 2 hyphenates body text, which splits words awkwardly on phones. */
body, p, li, h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: manual;
  hyphens: manual;
}