/* button / button-icon / button-round utilities live in components/css/button.css.
   The base layer below `@apply`s `button`; whichever bundle includes this file
   must also register button.css (styles.css via components/css, base.css directly). */

@layer base {
  a {
    /* @apply pigment; */
    /* border-radius: 0; */
    text-decoration-line: none;
  }

  a:where(:not(.button)) {
    @apply pigment-without-border;
    --bg-color: transparent;
    --border-color: transparent;
  }

  button {
    @apply button;
    cursor: pointer;
  }

  /* focus states with outlines */
  :is(a, button, .button),
  :where([tabindex]:not([tabindex='-1'])) {
    @apply outline-scaffold;
  }
}