/* Typographic hierarchy, built entirely on the tokens in tokens.css. */ /* font-family/background/color need !important on the body rule below: Blocksy's own dynamic stylesheet sets all three on this exact "body" selector too (font-family via main.min.css's "body, h1, h2, ..." rule; background-color and color via its "ct-main-styles" dynamic CSS, whose values come from the colorPalette theme_mod - color7 for background, a separate "text color" setting for color - not any of our tokens). Equal specificity (both are a bare "body" selector) means whichever stylesheet prints LAST in the page's wins - and that isn't a fixed, safe assumption: on the normal frontend Blocksy's dynamic CSS is a linked stylesheet (global.css) that happens to print early (before every child-theme stylesheet), so ours reliably wins there. But inside the WordPress Customizer's live-preview iframe, Blocksy prints that exact same CSS as an INLINE