:root {
--light-bg-main: #ffffff;
--light-bg-surface: #f5f5f5;
--light-text-main: #111111;
--light-text-muted: #666666;
--light-primary: #0073aa;
--light-accent: #ffb900;
} body.dark-mode {
--dark-bg-main: #121212; --dark-bg-surface: #1e1e1e; --dark-text-main: #f5f5f5; --dark-text-muted: #aaaaaa; --dark-primary: #33b3ff; --dark-accent: #ffd166;  --wp--preset--color--bg-main: var(--dark-bg-main);
--wp--preset--color--bg-surface: var(--dark-bg-surface);
--wp--preset--color--text-main: var(--dark-text-main);
--wp--preset--color--text-muted: var(--dark-text-muted);
--wp--preset--color--primary: var(--dark-primary);
--wp--preset--color--accent: var(--dark-accent);
}
body {
transition: background-color 0.3s ease, color 0.3s ease;
}
.dark-mode-toggle {
cursor: pointer;
}  input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
background-color: var(--wp--preset--color--bg-main); color: var(--wp--preset--color--text-main); } input[type="text"]:focus,
textarea:focus,
select:focus {
outline: 2px solid var(--wp--preset--color--primary); border-color: transparent;
} ::placeholder {
color: var(--wp--preset--color--text-muted);
opacity: 0.8; 
}