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

$tag: (
  font: var(--f-s),
  padding: var(--s-2xs) var(--s-s),
  border-radius: map.get($border-radius, 'l'),
  color: var(--cm-on-surface-brand),
  background-color: var(--cm-surface-low-2),
  color-hover: var(--cm-on-surface-brand),
  background-color-hover: var(--cm-surface-medium-0),
  color-focus: var(--cm-on-surface-brand),
  background-color-focus: var(--cm-surface-inverted),
  outline-color-focus: var(--cm-border-primary),
  outline-offset-focus: -2px,
  color-active: var(--cm-on-surface-brand),
  background-color-active: var(--cm-surface-inverted),
  outline-color-active: var(--cm-border-brand),
);