/* Box-model reset + base body styles. No scroll-behavior: smooth on html, it fights Lenis (see the
   smooth scroll rule in the Cement standards). Add Lenis's classes here when the project uses it. */

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

:root {
  scrollbar-color: var(--theme-color-accent) transparent;
  scrollbar-width: thin;
}

::selection {
  background: var(--theme-color-accent);
  color: var(--theme-color-contrast);
}

body {
  font-family: var(--theme-font-body);
  color: var(--theme-color-text);
  background: var(--theme-color-background);
  -webkit-font-smoothing: antialiased;
}