/*
 * Dark mode: follows the system setting (no toggle). Bricks sets
 * html[data-brx-theme="dark"] and switches the --pz-* palette to its dark
 * values; element colours come from that palette. This file covers what sits
 * outside it: the page itself, form fields and third-party embeds. Every rule
 * is scoped to dark mode, so the light site is untouched.
 */
:root[data-brx-theme="dark"] {
	color-scheme: dark;
}

:root[data-brx-theme="dark"] body {
	background-color: var(--pz-white);
}

:root[data-brx-theme="dark"] :is(input, select, textarea):not([type="checkbox"], [type="radio"], [type="submit"], [type="button"]) {
	background-color: var(--pz-gray-100);
	border-color: var(--pz-gray-200);
	color: var(--pz-gray-900);
}

:root[data-brx-theme="dark"] ::placeholder {
	color: var(--pz-gray-500);
}

/* The Elementor kit's global colours, still used by the few classic widgets
   (links in footer text, "help center", privacy notes). */
:root[data-brx-theme="dark"] .brx-body {
	--e-global-color-primary: #a3a6c2;
	--e-global-color-text: #a3a6c2;
	--e-global-color-secondary: #9ca3af;
	--e-global-color-accent: #a5b4fc;
	--e-global-color-inverse_primary: #f3f4f6;
	--e-global-color-6545aeb: #1e1b4b;
	--e-global-color-0b8b4d2: #111827;
	--e-global-color-ce0cfb7: #374151;
}

/* Blog post image captions (Hello's reset gives them #333). */
:root[data-brx-theme="dark"] :is(figcaption, .wp-element-caption) {
	color: var(--pz-gray-500);
}

/* /mcp/: the selected assistant pill is gray-900 with white text; in the
   dark that variable is near-white, so the text turns dark. */
:root[data-brx-theme="dark"] .page-id-4561 #brx-content .tab-title.brx-open {
	color: var(--pz-white);
}

/* Logo: the white version (same proportions). content: url() swaps it before
   the first paint in Chromium and Safari; functions.php swaps the src for the
   rest and when the system setting changes. */
:root[data-brx-theme="dark"] :is(img[src$="/Planzerio-logo-dark.svg"], img[data-lazy-src$="/Planzerio-logo-dark.svg"]) {
	content: url("../../../uploads/2026/10/planzer-logo-white.png");
}

/* Mobile menu button: the icon is a mask painted #111827; use the button's
   (palette) text colour instead. */
:root[data-brx-theme="dark"] #brx-header .bricks-mobile-menu-toggle::after {
	background-color: currentColor;
}