.debug * {
  outline: 1px solid rgba(255, 255, 0, 0.25);
}

:root {
  font-family: Inter, sans-serif;
  font-optical-sizing: auto;
  font-feature-settings:
    "liga" on,
    /* standard ligatures */ "dlig" on,
    /* discretionary ligatures */ "calt" on,
    /* contextual alternates */ /* 'salt' on, /* stylistic alternates */ "ss01",
    /* alernate digits */ "ss02",
    /* disambiguation */ /* 'ss03' 1, /* round quotes, commas */ "ss07" 1,
    /* square punc */ "ss08" 1,
    /* square quotes */ "zero",
    /* slashed zero */ "cv01",
    /* alternate "1" */ "cv02",
    /* open "4" */ "cv03",
    /* open "6" */ "cv04",
    /* open "9" */ "cv05",
    /* Lowercase "l" with tail */ "cv06",
    /* simplified "u" */ "cv08",
    /* Uppercase "I" with serif */ "cv09",
    /* flat-top "3" */ "cv10",
    /* captial "G" spur */ /* 'cv11', /* single-story "a" */ "cv12",
    /* compact "f" */ "cv13"; /* compact "t" */
  font-weight: 300;
  line-height: 1.5;
  font-size: var(--scale-base);
  margin: 0;
  padding: 0;
}

html,
body {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

@supports (font-variation-settings: normal) {
  :root {
    font-family: InterVariable, sans-serif;
  }
}