@use 'sass:map';
@use '../index' as *;

$label: (
  radius: map.get($border-radius, 's'),
  border-width: 1px,
  padding: var(--s-4xs) var(--s-xs),
  font: 'body-s',
  text-transform: none,
  highlight: (
    background: var(--cm-surface-primary-medium),
    color: var(--cm-on-surface-primary-highest),
    border-color: var(--cm-surface-primary-medium),
  ),
  high: (
    background: var(--cm-surface-secondary-low),
    color: var(--cm-on-surface-secondary-highest),
    border-color: var(--cm-surface-secondary-low),
  ),
  medium: (
    background: var(--cm-surface-grey-low-0),
    color: var(--cm-on-surface-grey),
    border-color: var(--cm-surface-grey-low-0),
  ),
  low: (
    background: var(--cm-surface-inverted),
    color: var(--cm-on-surface-grey),
    border-color: var(--cm-border-grey-medium),
  ),
);