// Reset (adapted from meyerweb.com/eric/tools/css/reset)
*
  scroll-behavior: smooth

  &, &::before, &::after
    box-sizing: border-box

  &:focus
    border-color: $tint !important
    border-radius: $border-radius
    outline: none

  +with-focus-visible
    box-shadow: $focus-shadow


  &::-moz-focus-inner
    border: 0

html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video
  border: 0
  font-size: 100%
  font-family: inherit
  margin: 0
  padding: 0
  vertical-align: baseline

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section
  display: block

button
  appearance: none
  background: transparent
  border-width: 0
  color: inherit

ol, ul
  list-style: none

blockquote, q
  quotes: none

  &::before, &::after
    content: ""
    content: none
