@use "../../../styles/tokens/color";
@use "../../../styles/tools/convert";
@use "sass:map";

$base: (
  font-weight: bold,
  background-color: var(--color-surface-contrast),
  color: var(--color-text-inverse),
);

$sizes: (
  default: (
    small: convert.to-rem(16px),
    medium: convert.to-rem(24px),
    large: convert.to-rem(32px),
    xlarge: convert.to-rem(40px),
    xxlarge: convert.to-rem(48px),
  ),
  md: (
    xlarge: convert.to-rem(48px),
    xxlarge: convert.to-rem(64px),
  ),
);