/* Reset, element defaults, scrollbar, :focus-visible. */

*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--font);
  color:var(--text-color);
  background:var(--bg-color);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
h1,h2,h3,h4{margin:0;font-weight:700;}
p{margin:0;}
a{color:inherit;}
button{
  font-family:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  background:none;
  border:none;
  color:inherit;
  font-size:inherit;
}
ul{list-style:none;margin:0;padding:0;}
img{max-width:100%;display:block;}

:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;}

::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:var(--text-muted);}