@import 'normalize.css' layer(normalize);
@import 'tokens.css' layer(tokens);
@import 'components/buttons.css' layer(components.buttons);
@import 'components/modal.css' layer(components.modal);
@import 'components/dropdown.css' layer(components.dropdown);
@import 'components/drawer.css' layer(components.drawer);

@layer normalize, tokens, base, components;

@layer base {
  body {
    font-family: 'Roboto', sans-serif;
    color: var(--color-text);
  }

  input,
  button,
  select,
  textarea {
    font-family: inherit;
  }
}