/* Scoped to elements the kit renders and subtractive, never a global element selector, which would reshape
   the consumer's own buttons. `font-variant-numeric` is the one type property component sheets do not
   state, so it is taken back from the page here. Border and underline likewise: `render` can put a UA
   `<button>` or `<a>` under any part. A component meaning to draw a line still does, since
   `lotics.components` outranks this layer. */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.reset {
  [class^="lotics-"],
  [class*=" lotics-"] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    font-variant-numeric: var(--lotics-font-numeric);
  }
}