/* WS Form retheme via the plugin's own `--wsf-*` variables; `.wsf-form` outranks its `:where()` defaults. */

.wsf-form {
	--wsf-form-color-base: var(--wp--preset--color--slate);
	--wsf-form-color-base-contrast: var(--wp--preset--color--white);
	--wsf-form-color-primary: var(--wp--preset--color--green);
	--wsf-form-color-accent: var(--wp--preset--color--slate);
	--wsf-form-color-neutral: var(--wp--preset--color--slate);
	--wsf-form-color-secondary: var(--wp--preset--color--slate);

	--wsf-form-font-family: inherit;
	--wsf-form-font-size: 16px;
	--wsf-form-line-height: 1.4;

	--wsf-field-label-font-size: 16px;
	--wsf-field-label-font-weight: 400;
	--wsf-field-label-color: var(--wp--preset--color--slate);
	--wsf-field-color: var(--wp--preset--color--slate);
	--wsf-field-color-background: var(--wp--preset--color--white);
	--wsf-field-border-width: 1px;
	--wsf-field-border-color: var(--wp--preset--color--slate);
	--wsf-field-border-color-hover: var(--wp--preset--color--slate);
	--wsf-field-border-color-focus: var(--wp--preset--color--slate);
	--wsf-field-border-radius: 0;
	--wsf-field-padding-horizontal: 14px;
	--wsf-field-padding-vertical: 10px;
	--wsf-field-box-shadow-width-focus: 0px;

	--wsf-field-button-width: auto;
	--wsf-field-button-border-radius: 0;
	--wsf-field-button-border-width: 2px;
	--wsf-field-button-padding: 20px 40px;
	--wsf-field-button-font-size: 20px;
	--wsf-field-button-font-weight: 700;
	--wsf-field-button-line-height: 1.2;
	--wsf-field-button-text-transform: uppercase;
	--wsf-field-button-primary-color: var(--wp--preset--color--white);
	--wsf-field-button-primary-color-background: #6aab1d;
	--wsf-field-button-primary-border-color: #6aab1d;
	--wsf-field-button-primary-color-hover: var(--wp--preset--color--slate);
	--wsf-field-button-primary-color-background-hover: transparent;
	--wsf-field-button-primary-border-color-hover: #6aab1d;
	--wsf-field-button-primary-color-focus: var(--wp--preset--color--slate);
	--wsf-field-button-primary-color-background-focus: transparent;
	--wsf-field-button-primary-border-color-focus: #6aab1d;
}

.wsf-form button.wsf-button.wsf-button {
	transition: none;
}

/* The selector depth beats the plugin's per-input-type `outline: 0`. */
.wsf-form .wsf-fields .wsf-field-wrapper :is(.wsf-field, .wsf-button):focus-visible {
	outline: 2px solid var(--wp--preset--color--slate);
	outline-offset: 2px;
}