html { background: var(--v-obsidian); }
body {
  color: var(--v-ivory);
  background: var(--v-obsidian);
  font-family: var(--v-font-ui);
  text-rendering: optimizeLegibility;
}
h1, h2, h3 { font-family: var(--v-font-display); text-wrap: balance; }
p, li { color: var(--v-stone); }
a, button, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--v-focus) !important;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}