@use "../../../styles/tokens/base";
@use "../../../styles/tokens/space";
@use "../../../styles/tokens/color";

$spacing: (
  "default": space.get(),
  "small": space.get("small"),
);

$enclosed-spacing: space.get();

$border: 1px solid;

$color-palette: (
  default: (
    background-color: var(--color-background-primary),
    border-color: var(--color-border-strong),
  ),

  gray: (
    background-color: var(--color-background-secondary),
    border-color: var(--color-border-strong),
  ),
);

$control-states: (
  "default": (
    font-weight: bold,
    color: var(--color-text-primary),
  ),
  "hover": (
    color: var(--color-surface-secondary),
    text-decoration: none,
  ),
  "focus": (
    outline: base.$focus-outline,
  ),
);