@import url("../tools/x-headings--cms.css");

/*
Preview of Core-Styles v3's planned heading redesign, once <h2> stops
carrying the lead-paragraph look (SEE trumps/u-lead.css): every level
below h1 shifts down to the next level's current look. Known caveat,
still under review: this leaves v3's h5 unstyled, since v2's h6 already
has no distinct look of its own.
*/
h2 { @mixin heading-3; color: inherit; }
/* heading-4 sets no margin; mimic Bootstrap 4/5 Reboot's heading margin (their only source of one) so this matches what h4 actually renders as today, not a raw un-authored browser default. */
h3 { @mixin heading-4; margin-top: 0; margin-bottom: 0.5rem; }
/* Distinct from h3 (bold) without exceeding v3's design voice: same size as body, just medium weight. */
h4 { font-size: inherit; font-weight: var(--medium); }
h5 { @mixin heading-6; }
h6 { @mixin heading-6; }