/* ==========================================================================
   VDG Huisstijl — Sitebrede styling (voorkant)
   Typografie, kleuren en knoppen via de centrale --vdg-* tokens.
   ========================================================================== */

body {
	font-family: var(--vdg-font, "Caros", "Tahoma", sans-serif);
	color: var(--vdg-text, #111A3B);
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: var(--vdg-font-heading, "Caros", "Tahoma", sans-serif);
	color: var(--vdg-header, #111A3B);
}

a { color: var(--vdg-accent, #F68D2E); }
a:hover, a:focus { color: var(--vdg-accent-2, #E55800); }

/* Knoppen uit de blok-editor + verzendknoppen in formulieren */
.wp-block-button__link,
.wp-element-button,
input[type="submit"] {
	background-color: var(--vdg-accent, #F68D2E);
	color: var(--vdg-on-accent, #FFFFFF);
	border-color: var(--vdg-accent, #F68D2E);
	border-radius: var(--vdg-radius-sm, 10px);
}
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-element-button:hover,
input[type="submit"]:hover {
	background-color: var(--vdg-accent-2, #E55800);
	border-color: var(--vdg-accent-2, #E55800);
	color: #fff;
}

/* Secundaire (outline) knoppen */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--vdg-accent, #F68D2E);
	border-color: var(--vdg-accent, #F68D2E);
}

/* Formuliervelden */
input:focus, textarea:focus, select:focus {
	outline-color: var(--vdg-accent, #F68D2E);
	border-color: var(--vdg-accent, #F68D2E);
}

/* Citaten / accentranden */
blockquote {
	border-left: 4px solid var(--vdg-accent, #F68D2E);
}

/* Admin bar (ingelogd) niet meekleuren op de voorkant */
#wpadminbar a { color: inherit; }