/*!
 * Dark mode — Phase A Blocksy upgrade.
 *
 * The actual color variable swaps are emitted in dynamic_css as a
 * `[data-theme="dark"] { --ls-color-*: ... }` block (see
 * inc/customizer.php around license_store_dynamic_css). This file
 * only contains the structural rules that flip the rest of the
 * surface when dark mode is active, plus a sensible fallback for
 * elements that hardcode a background elsewhere.
 *
 * @package License_Store
 */

[data-theme="dark"] {
	color-scheme: dark;
}

[data-theme="dark"] body,
[data-theme="dark"] .site-main,
[data-theme="dark"] .site-header,
[data-theme="dark"] .site-footer,
[data-theme="dark"] .woocommerce-MyAccount-content,
[data-theme="dark"] .ls-myaccount,
[data-theme="dark"] .ls-product-card,
[data-theme="dark"] .ls-changelog-card,
[data-theme="dark"] .ls-doc-card {
	background: var(--ls-color-bg);
	color: var(--ls-color-text);
}

[data-theme="dark"] .ls-topbar,
[data-theme="dark"] .site-footer,
[data-theme="dark"] .ls-pricing-card__visual,
[data-theme="dark"] .hero-section,
[data-theme="dark"] .ls-home-section--alt {
	background: var(--ls-color-bg-alt);
	color: var(--ls-color-text);
}

[data-theme="dark"] a {
	color: var(--ls-color-primary);
}

[data-theme="dark"] a:hover,
[data-theme="dark"] a:focus {
	color: var(--ls-color-primary-dark);
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .input-text {
	background: var(--ls-color-bg-alt);
	color: var(--ls-color-text);
	border-color: var(--ls-color-border);
}

[data-theme="dark"] img {
	opacity: 0.92;
}

[data-theme="dark"] .button,
[data-theme="dark"] button.button,
[data-theme="dark"] .wp-block-button__link {
	background: var(--ls-color-primary);
	color: #ffffff;
}

[data-theme="dark"] .button:hover,
[data-theme="dark"] button.button:hover {
	background: var(--ls-color-primary-dark);
	color: #ffffff;
}