/* Enige bron van focus-styling. Componenten definiëren nooit lokaal een
   :focus-achtergrond. Volledige vlakomkering (wit vlak, donkere tekst) -
   vanaf 3 meter is een randje niet genoeg. */
:root {
  --focus-bg: #ffffff;
  --focus-fg: #111111;
}

.focusable {
  outline: none;
}

.focusable.is-focused {
  background: var(--focus-bg) !important;
  color: var(--focus-fg) !important;
  box-shadow: 0 0 0 3px var(--accent, #6366f1), 0 8px 24px rgba(0,0,0,0.45);
  transform: translateY(-3px) scale(1.02);
}

.focusable.is-focused * {
  color: var(--focus-fg) !important;
}