/* AEKE .sg — the theme's base typography.
 *
 * Tailwind's preflight sets `margin: 0` on every heading and paragraph. The Shopify
 * theme does not: it keeps the browser's block rhythm, and that rhythm is load-bearing
 * because aeke.com's section geometry is built on top of it.
 *
 * MEASURED ON THE LIVE SITE, every element that carries a margin:
 *
 *     h1 … h6            margin: 0 0 20px
 *     p.subheading       margin: 0 0 20px
 *     p                  margin: 0 0 30px
 *
 * Nothing else in a section has a margin: `.text-button` and the logo cells are both
 * `0px 0px`. There is no `:last-child` reset either — the live gallery's description
 * paragraph keeps its full 30px as the last child of its wrapper.
 *
 * This is why the file exists rather than a fix per section. Every rich-text block on
 * the home page was 20px shorter than live — 112 against 132, and 36 against 56 for
 * the one whose body is a single heading — and the deficit was identical in all four
 * because it was never a section's margin: it was the heading's own. The slideshow
 * headings and the media-grid headings carry the same 20px upstream, which shifts
 * centred overlay copy by 10px in a way no box measurement would ever catch.
 *
 * Loaded immediately after `app.css` and before every section stylesheet, for the same
 * reason `header.css` is: it has to win over preflight, and it has to lose to a
 * section that has an opinion.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
}

p {
  margin: 0 0 30px;
}

/* The eyebrow above a heading is a paragraph, so it inherits the 30px above. The theme
   tightens it back to 20px, which is what keeps an eyebrow-to-heading pair reading as
   one unit rather than two. */
p.subheading {
  margin: 0 0 20px;
}