/* RestaurangAI — A11y Global Styles (WCAG 2.2 AA) */
/* Batch E, 2026-05-07 */

/* -----------------------------------------------
   Focus-visible (WCAG 2.4.7 / 2.4.11)
   Uses :focus-visible so mouse users are unaffected
   ----------------------------------------------- */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
details:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #6366f1;
  outline-offset: 3px;
  border-radius: 4px;
}

/* -----------------------------------------------
   Skip-link (WCAG 2.4.1 — Bypass Blocks)
   Offscreen until focused, then slides in top-left
   ----------------------------------------------- */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 9999;
  padding: 12px 16px;
  background: #6366f1;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
}
.skip-link:focus {
  position: fixed;
  top: 12px;
  left: 12px;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* -----------------------------------------------
   Body text contrast fix
   #52525b (3.6:1 on #050508) — use #a1a1aa (9:1)
   Apply via CSS custom properties for gradual migration
   ----------------------------------------------- */
:root {
  --muted: #a1a1aa;
  --muted-soft: #71717a;
}

/* -----------------------------------------------
   details/summary affordance
   ----------------------------------------------- */
summary {
  cursor: pointer;
}
details > summary::marker {
  color: #6366f1;
}
details[open] > summary {
  color: #f97316;
}