@use "../../../styles/tokens/space";
@use "../../../styles/tokens/color";

$spacing: (
  default: (
    default: (
      padding-top: space.get("large"),
      padding-bottom: space.get("large"),
    ),
    md: (
      padding-top: space.get("xlarge"),
      padding-bottom: space.get("xlarge"),
    ),
  ),
  small: (
    default: (
      padding-top: space.get(),
      padding-bottom: space.get(),
    ),
    md: (
      padding-top: space.get("large"),
      padding-bottom: space.get("large"),
    ),
  ),
  xsmall: (
    default: (
      padding-top: space.get("small"),
      padding-bottom: space.get("small"),
    ),
    md: (
      padding-top: space.get("small"),
      padding-bottom: space.get("small"),
    ),
  ),
);

$stuck-image-spacing: (
  default: #{space.get("large") * -1},
  md: #{space.get("xlarge") * -1},
);