/* ============================================================================
   CANTON CATALYST : base accessibility layer, linked on every page.
   Universal keyboard focus, skip link, and a reduced-motion floor. Kept
   separate from tokens.css (values) and register.css (notation).
   ============================================================================ */

/* Skip link: off-screen until focused. Colours are fixed chrome, not themed. */
.skip-link{
  position:absolute; left:8px; top:-60px; z-index:300;
  background:#00D48A; color:#0C0F1A; font-weight:600; font-size:14px;
  padding:10px 18px; border-radius:8px; text-decoration:none;
  transition:top .15s;
}
.skip-link:focus{ top:8px }

/* Consistent, high-contrast keyboard focus on the dark theme. Falls back to a
   literal green where a page (quadrant) does not define --green. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible{
  outline:2px solid var(--green, #00D48A);
  outline-offset:3px;
  border-radius:3px;
}
main:focus{ outline:none }

/* Reduced-motion floor for every page. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}