/*
 * Shared contrast floor for controls and legacy theme content.
 *
 * Theme and Design Studio styles load first, then this floor, then Customer
 * Custom CSS. Rules marked important are minimum-contrast safeguards; a customer
 * can still make an explicit important override when intentionally opting out.
 */

.search {
	background: #475569;
}

.top-menu .search input,
.top-menu .search input::placeholder,
.top-menu .search .magnifier,
.top-menu .search .magnifier svg {
	color: #fff;
	opacity: 1;
}

.search input,
.search input::placeholder {
	color: #fff !important;
	opacity: 1;
}

.pagination .page span.page-actual {
	color: #5f6368;
}

body.theme-2:not(.dark-mode) {
	--colors-grays: #686868;
	--colors-text: #6b6b6b;
}

body.theme-11:not(.dark-mode) {
	--colors-grays: #606a79;
	--colors-text: #465264;
	--colors-links: #3f6098;
}

/* Canvas picker labels must remain legible even with small, light body fonts. */
body.theme-selection-18 .category-menu a {
	font-size: max(14px, calc(var(--secondary-font-size, 16px) * .9375));
	font-weight: clamp(400, calc(var(--secondary-font-weight, 400) * 1.15), 1000);
	opacity: 1;
}

/* Retain Canvas's original chip fill without overriding its active palette. */
body.theme-selection-18 .category-menu a:not(.current):not(:hover) {
	background: #ebeff6 !important;
}

body.theme-12:not(.dark-mode) {
	--colors-grays: #64748b;
	--colors-text: #526278;
}

body.theme-7:not(.dark-mode) .footer p,
body.theme-7:not(.dark-mode) .footer a,
body.theme-7:not(.dark-mode) .footer-content p,
body.theme-7:not(.dark-mode) .footer-content a,
body.theme-7:not(.dark-mode) .hero-paragraph,
body.theme-7:not(.dark-mode) .hero-paragraph p,
body.theme-7:not(.dark-mode) .hero-paragraph a {
	color: #686868 !important;
}

body.theme-8:not(.dark-mode) .footer p,
body.theme-8:not(.dark-mode) .footer a,
body.theme-8:not(.dark-mode) .hero-paragraph,
body.theme-8:not(.dark-mode) .hero-paragraph a {
	color: #33413b;
}

body.theme-9:not(.dark-mode) .post-in-categories a,
body.theme-9:not(.dark-mode) .post-in-categories strong {
	color: #fff;
}

body.theme-9:not(.dark-mode) .footer a,
body.theme-9:not(.dark-mode) .footer strong {
	color: #e4e4e7;
}

body.theme-9:not(.dark-mode) .footer p {
	color: #b4b4bd;
}

body.theme-10:not(.dark-mode) {
	--colors-grays: #596a82;
}

body.theme-13:not(.dark-mode) .image-shade {
	background: linear-gradient(0deg, rgba(0, 0, 0, .86) 0, rgba(0, 0, 0, .32) 100%);
}

body.theme-11.dark-mode {
	--colors-headers: #dbe4f2;
	--colors-grays: #a8b4c6;
	--colors-text: #c8d1df;
	--colors-links: #8ab4f8;
}

body.theme-13.dark-mode .search,
body.theme-13.dark-mode .search input {
	background: #27272a !important;
}

body.theme-13.dark-mode .search input,
body.theme-13.dark-mode .search input::placeholder,
body.theme-13.dark-mode .search .magnifier,
body.theme-13.dark-mode .search .magnifier svg {
	color: #fff !important;
	opacity: 1;
}

body.theme-13.dark-mode .author a,
body.theme-13.dark-mode .author b,
body.theme-13.dark-mode .author em,
body.theme-13.dark-mode .author span,
body.theme-13.dark-mode .post-date,
body.theme-13.dark-mode .post-date span,
body.theme-13.dark-mode .related-posts h3 {
	color: #b4b4bd !important;
}

.dark-mode .search {
	background: #27272a;
}

.dark-mode .pagination .page,
.dark-mode .pagination a.move {
	border-color: #71717a;
	background: #27272a;
	color: #f4f4f5;
}

.dark-mode .pagination .page span.page-actual,
.dark-mode .pagination svg {
	color: #d4d4d8;
}

.dark-mode .menu-items > a,
.dark-mode .menu-items > .menu-dull,
.dark-mode .menu-items > .menu-dull > span,
.dark-mode .header-link,
.dark-mode .header-link .theme-blog-title {
	color: #e4e4e7;
}

.dark-mode .menu-items > a.current,
.dark-mode .menu-items > a[aria-current="page"],
.dark-mode .top-menu a.current,
.dark-mode .top-menu a[aria-current="page"] {
	color: #fff;
}

.dark-mode .header-content nav a,
.dark-mode .header-content a,
.dark-mode .footer-content a {
	color: #e4e4e7 !important;
}

.dark-mode .header-content nav a.current,
.dark-mode .header-content nav a[aria-current="page"] {
	color: #fff !important;
}

.dark-mode .submenu,
.dark-mode .top-right-menu a {
	background: #27272a;
	color: #f4f4f5;
}

.dark-mode .categories a,
.dark-mode .back-categories a,
.dark-mode .post-specific-categories a {
	background: #27272a;
	color: #e4e4e7;
	opacity: 1;
}

.dark-mode .categories a.current,
.dark-mode .categories a[aria-current="page"],
.dark-mode .back-categories a.current,
.dark-mode .post-specific-categories a.current {
	background: #e4e4e7;
	color: #18181b;
}

.dark-mode .wrap,
.dark-mode .copy,
.dark-mode .copy p,
.dark-mode .copy li,
.dark-mode .copy b,
.dark-mode .copy strong,
.dark-mode .copy em,
.dark-mode .copy i,
.dark-mode .post-summary,
.dark-mode .post-summary p,
.dark-mode .post-summary b,
.dark-mode .post-summary strong {
	color: #d4d4d8;
}

.dark-mode .copy h1,
.dark-mode .copy h2,
.dark-mode .copy h3,
.dark-mode .copy h4,
.dark-mode .copy h5,
.dark-mode .copy h6,
.dark-mode .main-post h1,
.dark-mode .main-post h2 {
	color: #f4f4f5;
}

.dark-mode .copy a,
.dark-mode .share a,
.dark-mode .recent-posts a,
.dark-mode .footer a {
	color: #93c5fd;
}

.dark-mode .posts .post-author em,
.dark-mode .posts .home-date em,
.dark-mode .posts .author-date em,
.dark-mode .post-in-categories strong,
.dark-mode .posts a strong,
.dark-mode .posts a b,
.dark-mode .related-posts h3,
.dark-mode .related-posts span {
	color: #b4b4bd;
}

.dark-mode .post-in-categories strong {
	background: #27272a !important;
	color: #b4b4bd !important;
}

.dark-mode .main-image span,
.dark-mode .main-image span a,
.dark-mode .hero-paragraph,
.dark-mode .hero-paragraph p,
.dark-mode .hero-paragraph a {
	color: #b4b4bd;
}

body.theme-7.dark-mode .hero-paragraph,
body.theme-7.dark-mode .hero-paragraph p,
body.theme-7.dark-mode .hero-paragraph a {
	color: #b4b4bd !important;
}

.dark-mode .related-posts a,
.dark-mode .related-posts a b {
	color: #93c5fd;
}

.dark-mode p.theme-blog-description,
.dark-mode h3.theme-blog-description,
.dark-mode .footer-content p,
.dark-mode .footer-content a,
.dark-mode .post-date,
.dark-mode .post-date p {
	color: #b4b4bd !important;
}

.dark-mode .blogstatic-subscribe-hold p {
	color: #f4f4f5;
}

.posts a span.pinned,
.posts a span.pinned em {
	color: #374151;
}

.posts a span.pinned {
	background: #f9fafb;
}

.dark-mode .author a,
.dark-mode .author b,
.dark-mode .author em,
.dark-mode .author span,
.dark-mode .post-date,
.dark-mode .recent-posts h3,
.dark-mode .footer p,
.dark-mode .footer .theme-blog-description {
	color: #b4b4bd;
}