/* ============================================================
   БАЗА — сброс, типографика, доступность
   ============================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
html.lock,html.lock body{overflow:hidden}  /* блокировка прокрутки при открытой панели */

body{
  background:var(--flame);
  color:var(--cream);
  font-family:'Jost',sans-serif;
  font-weight:300;
  overflow:hidden;                         /* прокрутка появится вместе с hero */
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

::selection{background:var(--cream);color:var(--ink)}

button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
:focus{outline:none}
:focus-visible{outline:1px solid currentColor;outline-offset:5px}

/* свой курсор включается только на точных указателях */
@media (hover:hover) and (pointer:fine){
  body.has-cursor,body.has-cursor *{cursor:none}
}

/* уважение к системной настройке «меньше движения» */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}