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

$sizes: (
  default: (
    width: convert.to-rem(150px),
    height: convert.to-rem(150px),
    padding: space.get("small"),
  ),
  small: (
    width: convert.to-rem(104px),
    height: convert.to-rem(104px),
    padding: space.get(),
  ),
);

$color-palette: (
  default: (
    background-color: var(--color-background-contrast),
    color: var(--color-text-accent),
  ),
  black: (
    background-color: var(--color-background-contrast),
    color: var(--color-text-inverse),
  ),
  orange: (
    background-color: var(--color-surface-secondary),
    color: var(--color-text-default),
  ),
);