/* Reset. Deliberately colourless -- every colour in this design system comes
   from a skin token, and this file loads before any skin exists. */

*, *::before, *::after { box-sizing: border-box; }

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

body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd, ol, ul {
  margin: 0;
}

ol, ul { padding: 0; list-style: none; }

body {
  min-height: 100dvh;
  line-height: var(--body-line);
  -webkit-font-smoothing: antialiased;
}

img, svg, video, canvas { display: block; max-inline-size: 100%; }

/* `hidden` outranks layout because an attribute selector and a class carry the
   same specificity, so the UA rule loses to any later `.class { display: … }`. */
[hidden] { display: none !important; }

turbo-cable-stream-source { display: none; }

input, button, textarea, select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
}

button { cursor: pointer; }

a { color: inherit; }

:where(:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}