/* Identity colors keep the surfaces and spacing of the editorial layout. */
body[data-av-palette] {
	--paper: var(--av-p-page-color, var(--av-p-page-bg));
	--ink: var(--av-p-page-text);
	--muted: var(--av-p-page-muted);
	--accent: var(--av-p-page-accent);
	--rule: var(--av-p-rules);
	--line: var(--av-p-rules);
	--av-site-heading: var(--av-p-page-heading);
	--av-accent-text: var(--av-p-button-fg);
	background-color: var(--av-p-page-bg);
	color: var(--ink);
}
body[data-av-palette] :is(h1,h2,h3,h4,h5,h6) { color: var(--av-site-heading); }
body[data-av-palette-images~="page"] {
	--av-page-veil: color-mix(in srgb, var(--av-p-page-tint) var(--av-p-page-veil), transparent);
	background-image: linear-gradient(var(--av-page-veil),var(--av-page-veil)),var(--av-site-page-source,none);
}
body[data-av-palette] .site-header .masthead {
	background-color: var(--av-p-header-bg);
	color: var(--av-p-header-text);
}
body[data-av-palette] .site-header .brand { background-color: var(--av-p-logo-header); }
body[data-av-palette] .site-header .navigation {
	background-color: var(--av-p-menu-bg);
	color: var(--av-p-menu-text);
}
body[data-av-palette] .site-header .navigation a { color: var(--av-p-menu-text); }
body[data-av-palette] .site-header .navigation :is(a:hover,[aria-current="page"]) { color: var(--av-p-menu-accent); }
body[data-av-palette] .site-footer {
	background-color: var(--av-p-footer-bg);
	color: var(--av-p-footer-text);
}
body[data-av-palette] .site-footer .footer-logo { background-color: var(--av-p-logo-footer); }
body[data-av-palette] .site-footer :is(.footer-links a,.back-top) { color: var(--av-p-footer-text); }
body[data-av-palette] .site-footer :is(.footer-links a,.back-top):hover { color: var(--av-p-footer-accent); }

body:is([data-av-palette-cover],[data-av-identity]) .av-collage[data-palette] {
	--av-cover-paper: var(--paper);
	--av-cover-ink: var(--ink);
	--av-accent: var(--accent);
	--av-on: var(--av-p-feature-text);
}
body:is([data-av-palette-cover],[data-av-identity]) .av-cover-copy h1 span:nth-child(2),
body:is([data-av-palette-cover],[data-av-identity]) .av-cover-section .eyebrow { color: var(--accent); }
body:is([data-av-palette-cover],[data-av-identity]) .av-cover-photo figcaption {
	background-color: var(--av-p-panel-bg);
	color: var(--av-p-panel-text);
}
body:is([data-av-palette-cover],[data-av-identity]) :is(.av-cover-kicker,.av-cover-folio) {
	background-color: var(--av-p-button-bg);
	color: var(--av-p-button-fg);
}
body:is([data-av-palette-cover],[data-av-identity]) :is(.av-cover-artist,.av-collage[data-style="plano"] .av-cover-hero) {
	background-color: var(--av-p-feature-bg);
	color: var(--av-p-feature-text);
}
body:is([data-av-palette-cover],[data-av-identity]) .av-artist-copy h2 { color: var(--av-p-feature-heading); }
body:is([data-av-palette-cover],[data-av-identity]) .av-artist-copy [data-artist-deck] { color: var(--av-p-feature-muted); }

body:is([data-av-palette-cover],[data-av-identity]) .back-panel--editions {
	--av-t-heading: var(--av-p-panel-heading);
	--av-t-muted: var(--av-p-panel-muted);
	--av-t-accent: var(--av-p-panel-accent);
	color: var(--av-p-panel-text);
	background-color: var(--av-p-archive-bg);
}
body:is([data-av-palette-cover],[data-av-identity]) .back-panel--editions h2 { color: var(--av-t-heading); }
body:is([data-av-palette-cover],[data-av-identity]) .back-panel--editions small { color: var(--av-t-muted); }
body:is([data-av-palette-cover],[data-av-identity]) .back-panel--editions :is(.section-label,.entry-no,.entry-arrow) { color: var(--av-t-accent); }
body:is([data-av-palette-cover],[data-av-identity]) .back-panel--editions a:hover { color: var(--av-t-accent); }
body:is([data-av-palette-cover],[data-av-identity]) .back-panel--community .text-link { color: var(--accent); }

body:is([data-av-palette-cover],[data-av-identity]) .av-collage-tile {
	--av-t-heading: var(--av-p-panel-heading);
	--av-t-muted: var(--av-p-panel-muted);
	--av-t-accent: var(--av-p-panel-accent);
}
body:is([data-av-palette-cover],[data-av-identity]) .av-collage-tile:not([data-kind="stamp"],[data-kind="quote"]) .av-tile-caption {
	background-color: var(--av-p-panel-bg);
}
body:is([data-av-palette-cover],[data-av-identity]) .av-collage-tile:is([data-kind="stamp"],[data-kind="quote"]) {
	--av-t-heading: var(--av-p-feature-heading);
	--av-t-muted: var(--av-p-feature-muted);
	--av-t-accent: var(--av-p-feature-accent);
}
body:is([data-av-palette-cover],[data-av-identity]) .av-collage-tile:is([data-kind="stamp"],[data-kind="quote"]) .av-collage-face {
	background-color: var(--av-p-feature-bg);
}
body:is([data-av-palette-cover],[data-av-identity]) .av-collage-tile h3 { color: var(--av-t-heading); }
body:is([data-av-palette-cover],[data-av-identity]) .av-collage-tile .av-tile-deck { color: var(--av-t-muted); }
body:is([data-av-palette-cover],[data-av-identity]) .av-collage-tile :is(.av-tile-more,.av-tile-caption > .eyebrow) { color: var(--av-t-accent); }

/* Apply the button pair only where the original design already had a fill. */
body[data-av-palette] :is(.av-store,.av-store-page,.av-store-shelf) {
	--store-accent: var(--accent);
	--store-line: var(--rule);
}
body[data-av-palette] :is(
	.section-search-submit:hover, .av-store .av-store-categories a[aria-current="page"],
	.av-store .button, .av-store-page .woocommerce .button,
	.av-store-page .wc-block-components-button:not(.is-link), .av-store .onsale
) {
	background-color: var(--av-p-button-bg);
	border-color: var(--av-p-button-border, var(--av-p-button-bg));
	color: var(--av-p-button-fg);
}

/* One identity across the cover, sections, articles and the shop. */
body[data-av-identity] :is(.eyebrow,.folio,.av-cover-photo figcaption) {
	font-family: var(--av-font-labels);
}
body[data-av-identity] :is(
	.deck,.cover-meta,.byline,.story p,.shop-intro,.empty-message,.av-tile-deck,[data-artist-deck],
	.catalogue-entry small,.reading-image figcaption,.editorial-gallery figcaption,.artist-portrait figcaption,
	.av-store-deck,.woocommerce-result-count,.product_meta,.editorial-media-credit
) {
	font-family: var(--av-font-secondary);
}
body[data-av-identity] .section-search input[type="search"] {
	background-color: var(--av-p-panel-bg);
	color: var(--av-p-panel-text);
}
body[data-av-identity] .section-search input[type="search"]::placeholder {
	color: var(--av-p-panel-muted);
	font-family: var(--av-font-secondary);
}
body[data-av-identity] :is(
	button,input[type="button"],input[type="submit"],a.button,.wp-block-button__link,
	.wc-block-components-button,.av-store-categories a,.cover-link,.av-cover-link,.text-link,.av-tile-more
) {
	font-family: var(--av-font-button);
}
body[data-av-identity] main :is(
	.section-search-submit,.wp-block-button__link,.wp-element-button,
	.av-store .button,.av-store-page .woocommerce .button,
	.av-store-page .wc-block-components-button:not(.is-link)
):not(.is-style-outline .wp-block-button__link) {
	background-color: var(--av-p-button-bg);
	border-color: var(--av-p-button-border, var(--av-p-button-bg));
	color: var(--av-p-button-fg);
}
body[data-av-identity] .section-search-submit svg { color: inherit; }
body[data-av-identity] main :is(.section-search-submit,.wp-block-button__link,.wp-element-button):hover {
	text-decoration: underline;
	text-underline-offset: .18em;
}

body[data-av-identity] :is(.preview-banner,.editorial-gallery img,.story img,.av-store li.product img) {
	background-color: var(--av-p-panel-bg);
}
body[data-av-identity] .preview-banner { color: var(--av-p-panel-text); }
body[data-av-title-background] main :is(h1,h2,h3,h4,h5,h6):not(.av-cover-copy h1) {
	background-color: var(--av-p-title-bg);
	color: var(--av-p-title-ink);
	width: fit-content;
	max-width: 100%;
}
body[data-av-title-background] .av-collage[data-style] .av-cover-copy h1 span {
	background-color: var(--av-p-title-bg);
	color: var(--av-p-title-ink);
}
body[data-av-title-background] .av-collage[data-style] .av-cover-copy h1 span:nth-child(2) {
	color: var(--av-p-title-accent);
}