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

html,
body{
  min-height:100%;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family: Verdana, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height:1.5;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

img,
svg,
video,
canvas{
  display:block;
  max-width:100%;
}

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

button{
  background:none;
  border:none;
}

a{
  color:inherit;
}

ul,
ol{
  padding-left:1.25rem;
}

hr{
  border:0;
  border-top:1px solid var(--border);
}

:focus-visible{
  outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);
  outline-offset:2px;
}