// Borders

// Цвет в ргба rgba(62, 81, 109, 0.17)
$borderColor: var(--expansion-panel-border-color);
$borderRadius: 2px;
$backgroundColor: var(--color-gray-fff);

// Blocks
$optionPadding: 8px;
$selectedBgColor: #091e420f;
$blockShadow:
  0 2px 4px -1px rgb(0 0 0 / 20%),
  0 4px 5px 0 rgb(0 0 0 / 14%),
  0 1px 10px 0 rgb(0 0 0 / 12%);

// buttons
$buttonVerticalPadding: 8px;
$buttonBorderRadius: $borderRadius;

// color; background; hover/active
$primaryColors: (
  color: #fff,
  background: #0745a6,
  hover: #053e92,
);
$accentColors: (
  color: #fff,
  background: var(--accent-color-bg),
  hover: #0c66e4,
);
$default: (
  color: var(--color-gray-222),
  background: transparent,
  hover: var(--color-gray-eee),
);
$buttonsMap: (
  'accent': $accentColors,
  'primary': $primaryColors,
  'default': $default,
);