/* Theme overrides and scroll-driven accent colors */

/* Base accent: bright green */
:root {
	--accent: #c6ff3b;
	--accent-contrast: #000000;
}

/* Override key template accent usages */
#wrapper,
#wrapper:before,
#wrapper > section > header:before,
#wrapper > section > header h1:before,
#wrapper > section > header h1:after,
#wrapper > section > header h2:before,
#wrapper > section > header h2:after,
#wrapper > section:last-of-type > header:after,
.button.primary,
button.primary,
input[type="submit"].primary {
	transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}
#wrapper:before {
    background-color: var(--accent) !important;
    background-image: none !important; /* remove turquoise SVG tint */
}

#wrapper > section > header:before,
#wrapper > section > header h1:before,
#wrapper > section > header h1:after,
#wrapper > section > header h2:before,
#wrapper > section > header h2:after,
#wrapper > section:last-of-type > header:after {
	background: var(--accent) !important;
}

.button.primary,
button.primary,
input[type="submit"].primary {
	background-color: var(--accent) !important;
	color: var(--accent-contrast) !important;
}

.button.primary:hover,
button.primary:hover,
input[type="submit"].primary:hover,
.button.primary:active,
button.primary:active,
input[type="submit"].primary:active {
	background-color: transparent !important;
	box-shadow: inset 0 0 0 2px #000000 !important;
	color: #000000 !important;
}

/* Ensure hover/active contrast for non-primary buttons */
input[type="submit"]:not(.primary):hover,
input[type="reset"]:not(.primary):hover,
input[type="button"]:not(.primary):hover,
button:not(.primary):hover,
.button:not(.primary):hover,
input[type="submit"]:not(.primary):active,
input[type="reset"]:not(.primary):active,
input[type="button"]:not(.primary):active,
button:not(.primary):active,
.button:not(.primary):active {
    box-shadow: inset 0 0 0 2px #000000 !important;
    color: #000000 !important;
    background-color: rgba(0, 0, 0, 0.08) !important;
}

/* Focus visibility for keyboard users */
.button:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="button"]:focus-visible {
	outline: 2px solid #000000 !important;
	outline-offset: 2px !important;
}

/* Utilities for JS-driven color themes */
.theme-green { --accent: #c6ff3b; }
.theme-purple { --accent: #b33eff; }
.theme-red { --accent: #ff433e; }

/* Minor: ensure hidden honeypot stays hidden without inline styles */
.hp-field { display: none !important; }