@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url('../fonts/inter-latin.woff2') format('woff2');
}

html {
  scrollbar-gutter: stable;
}

body {
  font-family: 'Inter', Arial, sans-serif;
}

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

@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  .app-shell > .sidebar { view-transition-name: areti-sidebar; }

  ::view-transition-group(root),
  ::view-transition-group(areti-sidebar) { animation: none; }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 140ms;
    animation-timing-function: ease-out;
  }

  ::view-transition-old(areti-sidebar) { animation: none; opacity: 0; }
  ::view-transition-new(areti-sidebar) { animation: none; }
}