/* apps/vitrine/public/assets/a11y-overrides.css
 * Chargé APRÈS styles.css dans BaseLayout.astro (Plan 03).
 * Source : .planning/phases/02-site-vitrine-mailsentinel/02-UI-SPEC.md § Accessibility Contract
 *          .planning/phases/02-site-vitrine-mailsentinel/02-PATTERNS.md § 2.10
 *
 * Pourquoi ce fichier est séparé de styles.css :
 *   - styles.css est copié VERBATIM depuis template/assets/ (D-06 verrouillé).
 *   - Ces règles d'accessibilité MANQUENT au template original (focus-visible absent,
 *     prefers-reduced-motion partiel, skip-link inexistant).
 *   - Les livrer dans un fichier dédié permet de garder D-06 intact tout en
 *     respectant WCAG 2.1 AA (WCAG 2.4.7 focus visible, SC 2.3.3 / 2.2.2
 *     motion, WCAG 2.4.1 bypass blocks).
 */

/* Focus visible global (WCAG 2.4.7) — absent du template original */
*:focus-visible {
  outline: 2px solid var(--thucy-red);
  outline-offset: 2px;
  border-radius: 4px;
}

/* prefers-reduced-motion (WCAG SC 2.3.3 + SC 2.2.2) */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .terminal-body *,
  .topbar-dot {
    animation: none !important;
  }
}

/* Skip link (WCAG 2.4.1 bypass blocks) — caché par défaut, visible au focus clavier */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 0.5rem 1rem;
  background: var(--thucy-red);
  color: #fff;
  z-index: 10000;
  text-decoration: none;
  font-weight: 500;
}
.skip-link:focus {
  top: 0;
  outline: 2px solid #fff;
  outline-offset: 2px;
}