/*
 * Stemlokaal (plugin stemlokaal, klassen "kes-stem") in het donkere thema:
 * stemkaart en suggestieformulier. De plugin kent CSS-variabelen
 * (--kes-stem-*); die worden hier gezet. De plugin zelf blijft ongewijzigd en
 * zonder dit bestand (oud thema) ziet alles er uit als voorheen.
 */

body {
	--kes-stem-text: var(--wp--preset--color--contrast);
	--kes-stem-muted: #aab0e0;
	--kes-stem-card: var(--wp--preset--color--base-2);
	--kes-stem-border: var(--wp--preset--color--accent);
	--kes-stem-radius: 16px;
	--kes-stem-ink: var(--wp--preset--color--accent-5);
	--kes-stem-on-ink: var(--wp--preset--color--base);
}

body .kes-stem,
body .kes-stem-form {
	color-scheme: dark;
}

/* Suggestieformulier: velden donker, met roze focusrand. */
body .kes-stem-sugform input[type="text"],
body .kes-stem-sugform input[type="email"],
body .kes-stem-sugform textarea {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast-3);
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
}

body .kes-stem-sugform input[type="text"]:focus,
body .kes-stem-sugform input[type="email"]:focus,
body .kes-stem-sugform textarea:focus {
	border-color: var(--wp--preset--color--accent-5);
	box-shadow: 0 0 0 3px rgba(255, 79, 163, 0.3);
	outline: none;
}

body .kes-stem-sugform input[type="checkbox"],
body .kes-stem-sugform input[type="radio"] {
	accent-color: var(--wp--preset--color--accent-5);
}

body .kes-stem-formbox {
	background: var(--wp--preset--color--base-2);
}

/* Verplicht-sterretje en melding in de donkere kleuren. */
body .kes-stem-req {
	color: var(--wp--preset--color--accent-3);
}

body .kes-stem-notice {
	background: rgba(255, 154, 60, 0.14);
	border-color: rgba(255, 154, 60, 0.5);
	color: #ffc88a;
}

/* Verstuur- en bevestigknoppen als pill, in lijn met de rest van het thema. */
body .kes-stem-confirm,
body .kes-stem-sugform button[type="submit"] {
	background: var(--wp--preset--color--accent-5);
	border-radius: 999px;
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--heading);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

body .kes-stem-confirm:hover:not(:disabled),
body .kes-stem-sugform button[type="submit"]:hover:not(:disabled) {
	background: var(--wp--preset--color--accent-2);
}