/**
 * Impreza / US Core: map theme form variables to Bron tokens on Bron front pages.
 * Loaded last (wp_enqueue_scripts priority 999). Scope: body.bron-ui-scope
 *
 * Impreza styles inputs/checkboxes via --inputs-* variables, not bron-ui.css directly.
 * Overriding them here fixes borders, backgrounds and focus for all form controls at once.
 */

body.bron-ui-scope {
	--inputs-border-color: var(--bron-border);
	--inputs-border-width: 1px;
	--inputs-border-radius: var(--bron-radius);
	--inputs-background: var(--bron-bg);
	--inputs-text-color: var(--bron-text);
	--inputs-box-shadow: none;
	--inputs-focus-border-color: var(--bron-accent);
	--inputs-focus-background: var(--bron-bg);
	--inputs-focus-text-color: var(--bron-text);
	--inputs-focus-box-shadow: 0 0 0 2px var(--bron-accent-shadow);
	--color-content-border: var(--bron-border);
}

body.bron-ui-scope input:not([type="submit"]):focus,
body.bron-ui-scope textarea:focus,
body.bron-ui-scope select:focus {
	outline: none;
}