* {
  box-sizing: border-box;
}

html {
  background: var(--dt-color-background);
  color: var(--dt-color-text);
  font-family: var(--dt-font-interface);
}

body {
  margin: 0;
}

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

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

::selection {
  background: color-mix(in srgb, var(--dt-color-brand) 20%, transparent);
}