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

$overlay-bg-color: rgba(0, 0, 0, 0.4) !default;
$overlay-z-index: 500 !default;
$overlay-e: 0.4s ease 0s !default;

$overlay: (
  background-color: $overlay-bg-color,
);

$dialog-offset: space.get() * 2;

$dialog: (
  height: auto,
  background-color: var(--color-surface-primary),
  z-index: $overlay-z-index + 1,
);

$dialog-offset: (
  default: space.get("small"),
  sm: space.get(),
);

$dialog-sizes: (
  default: convert.to-rem(700px),
  small: convert.to-rem(400px),
  large: convert.to-rem(1000px),
);

$spacing: (
  small: (
    default: space.get(),
  ),
  default: (
    default: space.get(),
    md: space.get("large"),
  ),
  large: (), // same as default,
);

$spacing-product-footer: (
  default: (
    default: space.get("medium"),
    md: space.get("large"),
  ),
);