/* ==========================================================================
   Dark Mode Toggle Button
   ========================================================================== */

.uwf-dark-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid var(--wp--preset--color--border-light);
	border-radius: 8px;
	background: transparent;
	color: var(--wp--preset--color--muted-dark);
	cursor: pointer;
	transition: all 0.2s ease;
}

.uwf-dark-toggle:hover {
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}

.uwf-icon-moon { display: none; }
.uwf-icon-sun  { display: block; }

[data-theme="dark"] .uwf-icon-moon { display: block; }
[data-theme="dark"] .uwf-icon-sun  { display: none; }

/* ==========================================================================
   Dark Mode Theme Overrides
   ========================================================================== */

[data-theme="dark"] {
	--wp--preset--color--light: #0a0f1a;
	--wp--preset--color--surface-light: #141b2d;
	--wp--preset--color--border-light: #1e293b;
	--wp--preset--color--white: #0a0f1a;
	--wp--preset--color--black: #f1f5f9;
	--wp--preset--color--muted: #94a3b8;
	--wp--preset--color--muted-dark: #cbd5e1;

	color-scheme: dark;
}

[data-theme="dark"] body,
[data-theme="dark"] .wp-site-blocks {
	background-color: var(--wp--preset--color--light);
	color: var(--wp--preset--color--black);
}

/* Dark mode adjustments for specific blocks */
[data-theme="dark"] .has-white-background-color {
	background-color: var(--wp--preset--color--surface-light) !important;
}

[data-theme="dark"] .has-surface-light-background-color {
	background-color: var(--wp--preset--color--surface-light) !important;
}

[data-theme="dark"] .uwf-dark-toggle {
	border-color: var(--wp--preset--color--card-dark);
	color: var(--wp--preset--color--muted);
}

[data-theme="dark"] .uwf-dark-toggle:hover {
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}

/* Ensure text is readable in dark mode */
[data-theme="dark"] .has-muted-dark-color {
	color: var(--wp--preset--color--muted-dark) !important;
}

[data-theme="dark"] .has-muted-color {
	color: var(--wp--preset--color--muted) !important;
}

/* Navigation in dark mode */
[data-theme="dark"] .wp-block-navigation a {
	color: var(--wp--preset--color--muted-dark);
}

[data-theme="dark"] .wp-block-navigation a:hover {
	color: var(--wp--preset--color--accent);
}

/* Buttons in dark mode */
[data-theme="dark"] .is-style-outline .wp-block-button__link {
	border-color: var(--wp--preset--color--card-dark);
	color: var(--wp--preset--color--muted-dark);
}

[data-theme="dark"] .is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}

/* Borders */
[data-theme="dark"] .wp-block-separator {
	background-color: var(--wp--preset--color--card-dark) !important;
	border-color: var(--wp--preset--color--card-dark) !important;
}

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

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

/* Code blocks */
[data-theme="dark"] .wp-block-code {
	background-color: #0d1117 !important;
}

/* Smooth transition */
body,
.wp-site-blocks,
.uwf-dark-toggle,
img {
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}