@use "../../../styles/tokens/breakpoint";
@use "../../../styles/tokens/color";
@use "../../../styles/tokens/space";
@use "../../../styles/tools/convert";

$space: space.get();

$dot-layout: (
  width: space.get("medium"),
  height: space.get("medium"),
  margin: space.get("small"),
);

$dot: (
  default: var(--color-icon-default),
  hover: var(--color-icon-brand),
  active: var(--color-icon-brand),
);

$breakout-buttons-breakpoints: (
  (864px, 991px),
  (1088px, 1239px),
  (1340px, 1379px),
  (1460px)
);

$viewport-horizontal-spacing: (
  // button dimension + space - slide padding,
  "md": convert.to-rem(50px)
);
