$box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !default;
$box-shadow-focus: 0 4px 8px rgba(0, 0, 0, 0.2) !default;

$box-shadow-dark: 0 2px 4px rgba(255, 255, 255, 0.1) !default;
$box-shadow-dark-focus: 0 4px 8px rgba(255, 255, 255, 0.2) !default;

$border-radius-atoms-horizontal-ray: 0.5rem !default;
$border-radius-atoms-vertical-ray: 0.5rem !default;
$border-radius-atoms: $border-radius-atoms-horizontal-ray
  $border-radius-atoms-vertical-ray !default;

$border-radius-atoms: (
  top-left: $border-radius-atoms,
  top-right: $border-radius-atoms,
  bottom-right: $border-radius-atoms,
  bottom-left: $border-radius-atoms,
);

$border-radius-molecules-horizontal-ray: 1rem !default;
$border-radius-molecules-vertical-ray: 1rem !default;
$border-radius-molecules: $border-radius-molecules-horizontal-ray
  $border-radius-molecules-vertical-ray !default;

$border-radius-molecules: (
  top-left: $border-radius-molecules,
  top-right: $border-radius-molecules,
  bottom-right: $border-radius-molecules,
  bottom-left: $border-radius-molecules,
);

$height-atoms: 40px;
$transitions-global: all 0.3s ease;