/** @format */

$gutter: var(--main-gap);
$gutter-large: var(--large-gap);

$gap-largest: 40px;
$gap-large: 24px;
$gap: 16px;
$gap-small: 12px;
$gap-smaller: 8px;
$gap-smallest: 4px;

// @todo remove this spacing variable
$spacing: 16px;

// Gutenberg Button variables. These are temporary until Gutenberg's variables are exposed.
$default-font-size: 13px;
$blue-medium-200: #bfe7f3;
$light-gray-500: $core-grey-light-500;
$dark-gray-300: $core-grey-dark-300;
$dark-gray-900: $core-grey-dark-900;
$alert-red: $error-red;

:export {
	gaplarge: $gap-large;
	gap: $gap;
}