/* Dark sections: light text, restoring the canvas the patterns assume. */
:where(.wp-block-group.has-black-background-color,
       .wp-block-group.has-ink-background-color) {
	color: var(--wp--preset--color--white);
}
:where(.wp-block-group.has-black-background-color,
       .wp-block-group.has-ink-background-color) :is(h1, h2, h3, h4, h5, p, li, cite, figcaption) {
	color: var(--wp--preset--color--white);
}
/* Eyebrows and meta type sit back a step. */
:where(.wp-block-group.has-black-background-color,
       .wp-block-group.has-ink-background-color) :is(h6, .tce-eyebrow, .tce-dim) {
	color: var(--wp--preset--color--grey);
}
/* Links on dark read gold, not Pendant's primary. */
:where(.wp-block-group.has-black-background-color,
       .wp-block-group.has-ink-background-color) a:not(.wp-block-button__link) {
	color: var(--wp--preset--color--gold);
}
/* Separators on dark. */
:where(.wp-block-group.has-black-background-color,
       .wp-block-group.has-ink-background-color) .wp-block-separator {
	border-color: currentColor;
	opacity: .35;
}

/* Pendant sizes core/navigation at clamp(1.5rem, 5vw, 4.25rem) — right for its
   always-on hamburger overlay, absurd for the inline desktop nav we use. This
   one rule is deliberately NOT wrapped in :where(): it has to out-specify
   Pendant's own .wp-block-navigation rule from theme.json. */
.tce-header .wp-block-navigation {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1.4;
}
.tce-header .wp-block-site-title { font-size: var(--wp--preset--font-size--medium); }

/* main.css paints the whole canvas black, but Pendant's global text colour is
   its `foreground` (#000) — so anything NOT inside one of our explicitly
   coloured sections renders black on black (the 404 page being the visible
   casualty). Set the canvas default only; deliberately no rule on headings, so
   they keep inheriting their section's colour on cream and blush backgrounds. */
html body { color: var(--wp--preset--color--white); }

/* ...but that white canvas default must NOT bleed into the light sections,
   whose groups carry a background class and no text colour of their own (the
   blush CTA band went white-on-blush). These two rules out-specify the canvas
   rule above and restore each light background's intended pairing. */
.wp-block-group.has-cream-background-color { color: var(--wp--preset--color--ink); }
.wp-block-group.has-blush-background-color { color: var(--wp--preset--color--brown); }

/* Pendant constrains post content; our patterns are full-bleed by design. */
:where(.tce-split, .tce-ctaband, .tce-founders, .tce-logogrid) {
	max-width: none;
}