/* spec 1.1., 1.2., 1.3., 1.4. */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

/* spec 1.1., 1.3., 1.8., 1.9. */
body,
button,
input {
  font-family: 'Inter';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* spec 1.12., 1.13., 1.14. */
body {
  font-feature-settings: "calt", "ss07", "ss08";
}

/* spec 1.5., 1.7., 1.10. */
h1, p, a, li, th, td, .drag-item {
  margin: 0;
  color: black;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.2px;
  font-weight: 475;
}

/* spec 1.6. */
h1 {
  font-weight: 525;
}

/* spec 1.11. */
p.secondary {
  color: #0006;
}

/* spec 1.4. */
.fonts {
  visibility: hidden;
}

/* spec 1.15., 1.16. */
@media (hover: none) and (pointer: coarse) {
  h1, p, a, li, th, td, .drag-item {
    font-size: 14.5px;
    line-height: 20px;
    font-weight: 500;
  }

  /* spec 1.6., 1.16. */
  h1 {
    font-weight: 550;
  }
}