$dark-vv-button: (
	modifier: (
		primary: (
			border-color: var(--color-gray-darken-3),
			background: var(--color-gray-darken-3),
			state: (
				focus-visible: (
					outline: var(--spacing-px) solid var(--color-gray),
				),
				hover: (
					background: var(--color-gray-darken-2),
					border-color: var(--color-gray-darken-2),
				),
				active: (
					background: var(--color-gray-darken-1),
					border-color: var(--color-gray-darken-1),
				),
			),
		),
		secondary: (
			border-color: var(--color-gray-darken-1),
			text-shadow: 0 1px 0 var(--color-gray-darken-5),
			state: (
				focus-visible: (
					outline: var(--spacing-px) solid var(--color-gray),
				),
				hover: (
					background: var(--color-gray-darken-4),
				),
				active: (
					background: var(--color-gray-darken-5),
				),
			),
		),
		ghost: (
			background: transparent,
			border-color: transparent,
			color: var(--color-gray-lighten-2),
			text-shadow: 0 1px 0 var(--color-gray-darken-4),
			state: (
				focus-visible: (
					outline: var(--spacing-px) solid var(--color-gray),
					outline-offset: var(--spacing-0),
				),
				hover: (
					background: var(--color-gray-darken-4),
				),
				active: (
					background: var(--color-gray-darken-5),
				),
			),
		),
		link: (
			color: var(--color-brand-lighten-3),
			state: (
				active: (
					color: var(--color-brand-lighten-2),
				),
			),
		),
	),
) !default;