/**
 * "Text" input types.
 */
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
	background-color: var(--wp--custom--input--surface);
	border-color: var(--wp--custom--input--border-color);
	border-radius: var(--wp--custom--input--border-radius);
	border-style: var(--wp--custom--input--border-style);
	border-width: var(--wp--custom--input--border-width);
	box-shadow: var(--wp--preset--shadow--default-input);
	color: var(--wp--custom--input--color);
	font-size: var(--wp--custom--input--medium--font-size);
	padding-bottom: var(--wp--custom--input--medium--padding-bottom);
	padding-left: var(--wp--custom--input--medium--padding-left);
	padding-right: var(--wp--custom--input--medium--padding-right);
	padding-top: var(--wp--custom--input--medium--padding-top);
	width: 100%;
}

input[type="date"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="email"]::placeholder,
input[type="month"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="time"]::placeholder,
input[type="url"]::placeholder,
input[type="week"]::placeholder,
textarea::placeholder {
	color: var(--wp--custom--input--placeholder);
}

input[type="date"]:focus-visible,
input[type="datetime-local"]:focus-visible,
input[type="email"]:focus-visible,
input[type="month"]:focus-visible,
input[type="number"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="text"]:focus-visible,
input[type="time"]:focus-visible,
input[type="url"]:focus-visible,
input[type="week"]:focus-visible,
textarea:focus-visible {
	border-color: var(--wp--custom--input--focus-border-color);
}

input[type="date"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled],
textarea[disabled] {
	background-color: var(--wp--custom--input--disabled--color);
	border-color: var(--wp--custom--input--disabled--border-color);
	color: var(--wp--custom--input--disabled--color);
}

input[type="date"][disabled]::placeholder,
input[type="datetime-local"][disabled]::placeholder,
input[type="email"][disabled]::placeholder,
input[type="month"][disabled]::placeholder,
input[type="number"][disabled]::placeholder,
input[type="password"][disabled]::placeholder,
input[type="search"][disabled]::placeholder,
input[type="tel"][disabled]::placeholder,
input[type="text"][disabled]::placeholder,
input[type="time"][disabled]::placeholder,
input[type="url"][disabled]::placeholder,
input[type="week"][disabled]::placeholder,
textarea[disabled]::placeholder {
	color: var(--wp--custom--input--disabled--placeholder);
}

/**
 * Buttons.
 */
button,
input[type="submit"] {
	cursor: pointer;
}

button[type="submit"],
input[type="submit"] {
	background-color: var(--wp--custom--component--button--primary--surface-color);
	border-color: var(--wp--custom--color--primary);
	border-radius: var(--wp--custom--input--border-radius);
	border-style: var(--wp--custom--input--border-style);
	border-width: var(--wp--custom--input--border-width);
	box-shadow: var(--wp--preset--shadow--default-input);
	color: var(--wp--custom--component--button--primary--color);
	font-size: var(--wp--custom--component--button--primary--font-size);
	font-weight: var(--wp--custom--component--button--primary--font-weight);
	letter-spacing: var(--wp--custom--component--button--primary--letter-spacing);
	line-height: var(--wp--custom--component--button--primary--line-height);
	padding-bottom: var(--wp--custom--input--medium--padding-bottom);
	padding-left: var(--wp--custom--input--medium--padding-left);
	padding-right: var(--wp--custom--input--medium--padding-right);
	padding-top: var(--wp--custom--input--medium--padding-top);
}

button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: var(--wp--custom--component--button--primary--surface-color-hover);
	border-color: var(--wp--custom--component--button--primary--surface-color-hover);
	text-decoration: underline;
}

button[type="submit"]:focus,
input[type="submit"]:focus {
	background-color: var(--wp--custom--component--button--primary--surface-color-focus);
	border-color: var(--wp--custom--component--button--primary--surface-color-focus);
	text-decoration: underline;
}

button[type="submit"]:active,
input[type="submit"]:active {
	background-color: var(--wp--custom--component--button--primary--surface-color-active);
	border-color: var(--wp--custom--component--button--primary--surface-color-active);
	text-decoration: underline;
}