/* GENERATED by design-system/build.mjs — do not edit.
 * Gravity Forms ↔ design-system bridge. Enqueued only when GF is active.
 * Maps GF Theme Framework custom props to scheme roles, with scoped fallbacks. */

/* (1) GF Theme Framework custom properties → design-system roles */
.gform-theme--framework,
.gform_wrapper.gravity-theme {
	--gf-color-primary: var(--ftm-scheme-accent);
	--gf-color-primary-contrast: var(--ftm-scheme-accent-text);
	--gf-color-primary-darker: color-mix(in srgb, var(--ftm-scheme-accent), #000 14%);
	--gf-color-primary-lighter: color-mix(in srgb, var(--ftm-scheme-accent), #fff 14%);
	--gf-color-primary-rgb: 53, 75, 104; /* default-scheme accent (#354b68) for GF rgba() usages */
	--gf-color-in-ctrl: var(--ftm-scheme-text);
	--gf-ctrl-bg-color: var(--ftm-scheme-bg);
	--gf-ctrl-border-color: var(--ftm-scheme-border);
	--gf-ctrl-border-color-focus: var(--ftm-scheme-accent);
	--gf-ctrl-radius: var(--wp--custom--radius--sm);
	--gf-ctrl-placeholder-color: var(--ftm-scheme-muted);
	--gf-ctrl-label-color-primary: var(--ftm-scheme-heading);
	--gf-ctrl-label-color-secondary: var(--ftm-scheme-heading);
	--gf-ctrl-label-color-req: var(--ftm-scheme-accent);
	--gf-ctrl-desc-color: var(--ftm-scheme-muted);
}

/* (2) Scoped fallbacks (legacy gravity-theme / belt-and-braces) */
.gform_wrapper .gfield input:where([type="text"], [type="email"], [type="url"], [type="tel"], [type="number"], [type="password"], [type="date"], [type="search"]),
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield select {
	background-color: var(--ftm-scheme-bg);
	color: var(--ftm-scheme-text);
	border: var(--wp--custom--border-width--hairline) solid var(--ftm-scheme-border);
	border-radius: var(--wp--custom--radius--sm);
}
.gform_wrapper .gfield input:focus-visible,
.gform_wrapper .gfield textarea:focus-visible,
.gform_wrapper .gfield select:focus-visible {
	outline: none;
	border-color: var(--ftm-scheme-accent);
	box-shadow: var(--ftm-focus-ring);
}
.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder {
	color: var(--ftm-scheme-muted);
	opacity: 1;
}
.gform_wrapper .gfield input[type="checkbox"],
.gform_wrapper .gfield input[type="radio"] {
	accent-color: var(--ftm-scheme-accent);
}

/* Labels, required marker, descriptions, validation */
.gform_wrapper .gfield_label {
	color: var(--ftm-scheme-heading);
	font-family: var(--wp--custom--type-styles--label--font-family);
	font-weight: var(--wp--custom--type-styles--label--font-weight);
}
.gform_wrapper .gfield_required {
	color: var(--ftm-scheme-accent);
}
.gform_wrapper .gfield_description {
	color: var(--ftm-scheme-muted);
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper .gform_validation_errors {
	color: var(--wp--custom--color--error--600);
}

/* Submit / form buttons → the accent button treatment + states */
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_page_footer button,
.gform_wrapper .gform-button,
.gform_wrapper .gform_footer input[type="submit"] {
	background-color: var(--ftm-scheme-accent);
	color: var(--ftm-scheme-accent-text);
	border: var(--wp--custom--border-width--hairline) solid transparent;
	border-radius: var(--wp--custom--radius--md);
	transition: background-color var(--ftm-dur) var(--ftm-ease), box-shadow var(--ftm-dur) var(--ftm-ease);
}
.gform_wrapper .gform_footer button:hover,
.gform_wrapper .gform-button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: color-mix(in srgb, var(--ftm-scheme-accent), #000 var(--ftm-state-hover-mix));
}
.gform_wrapper .gform_footer button:focus-visible,
.gform_wrapper .gform-button:focus-visible,
.gform_wrapper .gform_footer input[type="submit"]:focus-visible {
	outline: none;
	box-shadow: var(--ftm-focus-ring);
}