/* accessibility.css — High contrast and reduced motion overrides */

/* ─── Focus styles ───────────────────────────────────────────────────────── */

:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 3px;
}

/* ─── Reduced motion ─────────────────────────────────────────────────────── */

@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;
  }
}

/* ─── High contrast ──────────────────────────────────────────────────────── */

@media (prefers-contrast: more) {
  :root {
    --color-primary: #4400CC;
    --color-secondary: #CC0000;
    --border: #000;
    --text-primary: #000;
    --text-secondary: #111;
    --surface-1: #fff;
    --surface-2: #f0f0f0;
  }

  [data-theme='dark'] {
    --border: #fff;
    --text-primary: #fff;
    --text-secondary: #ddd;
    --surface-1: #000;
    --surface-2: #111;
  }
}