/**
 * Global Exdesign form styles (all forms).
 * Loaded automatically after the plugin's form.css when this file exists.
 *
 * Override design tokens here, or add scoped rules using [data-exd="form"].
 * Per-form overrides: #exd-exd-contact-form-form { --exd-primary: #7a0000; }
 */

:root {
	--exd-primary: var(--fl-global-primary, #7a0000);
	--exd-primary-light: #b30000;
	--exd-field-background: #ffffff;
	--exd-field-border-color: #cccccc;
	--exd-placeholder-color: #555555;
	--exd-field-height: 44px;
	--exd-field-padding: 10px 14px;
	--exd-field-border-radius: 0;
	--exd-btn-bg: #52527a;
	--exd-btn-color: #ffffff;
	--exd-btn-border-radius: 4px;
	--exd-btn-padding: 12px 32px;
	--exd-errors: #96000b;
}

.form-control {
    border-radius: 4px;
}

[data-exd="form"] input::placeholder,
[data-exd="form"] textarea::placeholder {
	color: var(--exd-placeholder-color);
	opacity: 1;
}

[data-exd="form"] .exd-submit-button {
	background-color: var(--exd-btn-bg);
	color: var(--exd-btn-color);
	border: none;
	border-radius: var(--exd-btn-border-radius);
	padding: var(--exd-btn-padding);
	font-weight: normal;
	cursor: pointer;
	box-shadow: none;
}

.form-message-error {
	color: var(--exd-errors) !important;
}