// TODO: Revisit these values with proper design tokens

$layout-breakpoint-sm: 600px !default;
$layout-breakpoint-md: 960px !default;
$layout-breakpoint-lg: 1280px !default;
$layout-breakpoint-xl: 1920px !default;

// Remove these when correct rem based tokens are exposed from design tokens
$granite-size-base-rem: 1rem;
$granite-border-width-regular: 0.0625rem;
$granite-outline-width-regular: 0.0625rem;
$granite-outline-width-focus: 0.125rem;
$granite-radius-l: 1rem;
$granite-radius-m: 0.5rem;
$granite-radius-s: 0.25rem;