/*
 * Wyerd Web — base layer (site kit)
 * Accessibility and form-status plumbing only. No look-and-feel lives here:
 * every site's design is its own. Load this BEFORE the site's own styles so
 * the design can override anything except the reduced-motion rule.
 */

/* Visitors who set "reduce motion" on their device get a still page:
   no spinning, sliding, or smooth-scroll. Everyone else sees the full design. */
@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;
  }
}

/* Keyboard users can always see where they are. */
:focus-visible {
  outline: 3px solid var(--wyerd-focus, currentColor);
  outline-offset: 3px;
}

/* "Skip to content" link: hidden until a keyboard user tabs to it.
   <a class="wyerd-skip" href="#main">Skip to content</a> */
.wyerd-skip {
  position: absolute;
  left: 1rem;
  top: -100px;
  z-index: 1000;
  padding: 0.6rem 1rem;
  background: #000;
  color: #fff;
}
.wyerd-skip:focus { top: 1rem; }

/* Form status line set by wyerd-forms.js */
[data-wyerd-status] { margin-top: 0.75rem; }
[data-wyerd-status][data-kind="ok"]  { color: var(--wyerd-ok, #46b06a); }
[data-wyerd-status][data-kind="err"] { color: var(--wyerd-err, #ff6b6b); }