/*
 * Light-mode token overrides for [data-theme="light"] (Sprint 1). Relocated verbatim into base/ since it redefines the same custom properties tokens.css declares — content unchanged.
 *
 * @package TFGadgets
 */

/**
 * Dark-mode toggle icon states, plus the light-theme variable overrides
 * it switches on.
 *
 * First-pass light theme: a minimal, functional palette so the toggle
 * isn't decorative. It has NOT been visually reviewed against
 * single.php / archive.php / front-page.php content (out of scope for
 * the header sprint) and should be treated as a draft pending design
 * sign-off before it's considered final.
 *
 * @package TFGadgets
 */

.theme-toggle .icon-moon {
	display: none;
}
[data-theme='light'] .theme-toggle .icon-sun {
	display: none;
}
[data-theme='light'] .theme-toggle .icon-moon {
	display: inline-flex;
}

[data-theme='light'] {
	--bg: #ffffff;
	--bg-alt: #f4f6f9;
	--bg-card: #ffffff;
	--line: #dde2ea;
	--line-strong: #c7ceda;
	--text: #181c24;
	--text-muted: #4b5568;
	--text-faint: #6d7687; /* Sprint 13: was #7a8496 (3.77:1 on white, fails WCAG AA 4.5:1) — adjusted to 4.57:1. */
	--accent: #2f5fe0;
	--accent-soft: #2f5fe0;
}
[data-theme='light'] .site-header {
	background: rgba(255, 255, 255, 0.92);
}
[data-theme='light'] .skip-link {
	color: #fff;
}
[data-theme='light'] .search-overlay {
	background: rgba(255, 255, 255, 0.97);
}
[data-theme='light'] .search-overlay .search-form button {
	color: #fff;
}

/*
 * Theme Options §1 dark-mode logo variant (Sprint 8). Only relevant
 * when tfgadgets_logo_dark is set — template-parts/masthead.php only
 * renders .custom-logo-link-dark at all when that theme_mod has a
 * value, so these rules are inert (matching nothing) on installs that
 * haven't set one.
 */
.custom-logo-link-dark {
	display: none;
}
[data-theme='dark'] .custom-logo-link-dark {
	display: inline-block;
}
[data-theme='dark'] .custom-logo-link:not(.custom-logo-link-dark) {
	display: none;
}