* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Form controls are the one place text does NOT inherit from its parent —
   browsers give <button>/<input>/<select>/<textarea> their own font and a
   hardcoded black text color. Left alone, that means every button and text
   field keeps black text no matter what the theme says, which is invisible
   on a dark theme even though the surface around it themed correctly.
   Opting them into inheritance makes them follow the theme by default;
   controls that want a specific color (e.g. a solid accent-colored button)
   still set their own and win on specificity. */
button,
input,
select,
textarea {
    font-family: inherit;
    color: inherit;
}