_button.variables.scss

@import "../../../css/helpers/functions";

// We want to set the alpha value and that for need the long form hex code
// stylelint-disable color-hex-length
$button---color: #ffffff !default;
// stylelint-enable color-hex-length

$button---minHeight: to-rem(
	$pxValue: 44
) !default;

// Background colors
$button-brand-primary--backgroundColor: $db-color-red-500 !default;
$button-brand-primary-hover-backgroundColor: #db0016;

$button-primary--backgroundColor: $db-color-cool-gray-700 !default;
$button-primary-hover-backgroundColor: #2f3541;

$button-secondarySolid--backgroundColor: $db-color-cool-gray-200 !default;
$button-secondarySolid-hover-backgroundColor: #cdd4da !default;
$button-secondarySolid-active-backgroundColor: #c5ccd3 !default;

$button-secondaryOutline-hover-backgroundColor: rgba(
	$db-color-cool-gray-700,
	0.03
) !default;

$button-secondaryOutline-active-backgroundColor: rgba(
	$db-color-cool-gray-700,
	0.06
) !default;