_form-elements.variables.scss

$form-elements-color: $db-color-cool-gray-700 !default;
$form-elements-border-radius: 4px !default;

$form-elements---borderTop: 1px solid var(--formElement---borderTopColor) !default;
$form-elements---borderRight: 1px solid var(--formElement---borderRightColor) !default;
$form-elements---borderBottom: 1px solid var(--formElement---borderBottomColor) !default;
$form-elements---borderLeft: 1px solid var(--formElement---borderLeftColor) !default;

// ### Style variations ###
// Semitransparent
$form-elements-semitransparent-background-color: color-mix(
	in srgb,
	transparent 95%,
	currentColor
) !default;
$form-elements-semitransparent-border-bottom-color: color-mix(
	in srgb,
	transparent 50%,
	currentColor
) !default;

// White
$form-elements-white-background-color: $db-color-white !default;
$form-elements-white-border-bottom-color: rgba(
	$db-color-cool-gray-700,
	0.5
) !default;

// Solid
$form-elements-solid-background-color: color-mix(
	in srgb,
	transparent 95%,
	currentColor
) !default;
$form-elements-solid-border-bottom-color: rgba(
	$db-color-cool-gray-700,
	0.5
) !default;

// Outline
$form-elements-outline-border-color: color-mix(
	in srgb,
	transparent 75%,
	currentColor
) !default;