@use './styles/abstract/constants';
@use './styles/abstract/tokens';

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--calc-app-background);
  color: var(--calc-text);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
}

button,
textarea {
  font: inherit;
}

noscript {
  display: block;
  padding: 1rem;
}

@media (prefers-color-scheme: dark) {
  html {
    background: var(--calc-app-background);
  }
}