/*
 * WP Easy Donate — front-end base styles.
 * Every colour, font and radius comes from a --wped-* custom property so themes and
 * Breakdance can override it. Values are printed inline from Donations → Settings → Style;
 * the fallbacks below apply only if that inline block is missing.
 */
.wped {
	font-family: var(--wped-font-body, system-ui, sans-serif);
	font-size: var(--wped-font-size-base, 16px);
	color: var(--wped-color-text, #1d1d1b);
	background: var(--wped-color-background, #fff);
	border: 1px solid var(--wped-color-border, #e4e1d9);
	border-radius: var(--wped-radius, 12px);
}

.wped :where(h1, h2, h3, h4) {
	font-family: var(--wped-font-heading, inherit);
}

.wped-button {
	font: inherit;
	font-weight: 600;
	color: var(--wped-button-fg, #fff);
	background: var(--wped-button-bg, var(--wped-color-primary, #1f5f4a));
	border: 1.5px solid var(--wped-button-border, var(--wped-color-primary, #1f5f4a));
	border-radius: var(--wped-button-radius, var(--wped-radius, 12px));
	cursor: pointer;
}

.wped-error { color: var(--wped-color-error, #b42318); }
.wped-success { color: var(--wped-color-success, #067647); }