*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.4;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
button,input,textarea{font:inherit;color:inherit}
a{color:inherit}

/* Фокус виден везде. В макете для него нет отдельного вида, поэтому пока единая обводка. */
:focus-visible{outline:3px solid var(--purple);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}
}