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

$default: (
  background-color: var(--color-fill-primary),
  border: 2px solid var(--color-border-strong),
  color: var(--color-text-default),
);

$focus: (
  border-color: var(--color-border-contrast),
  outline: 2px solid var(--color-border-contrast),
  outline-offset: -2px,
);

$disabled: (
  background-color: transparent,
  border-color: var(--color-border-strong),
  color: var(--color-text-secondary),
);

$disabled-checked: (
  background-color: var(--color-border-strong),
);

$readonly: (
  background-color: transparent,
  color: var(--color-text-secondary),
);

$invalid: (
  border-color: var(--color-icon-negative),
);

$placeholder: (
  color: var(--color-text-secondary),
  font-weight: bold,
);

$radiocheck-sizes: (
  default: space.get("medium"),
  large: space.get("large"),
);