/* Base: cuerpo, enlaces, foco de teclado, saltar al contenido */
body {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  font-family: var(--font-body);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}

a { color: var(--cyan-600); text-decoration: none; }
a:hover { color: var(--ink); text-decoration: underline; }

/* Foco de teclado (Design System: anillo cian de 3 px con offset y glow suave) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--cyan-500), 0 0 22px 2px rgba(0,174,239,.55) !important;
}

.skip-link {
  position: absolute;
  left: 16px;
  top: -120px;
  z-index: 1000;
  background: var(--ink);
  color: #fff;
  font: 600 14px 'IBM Plex Sans', sans-serif;
  padding: 12px 20px;
  border-radius: 999px;
  text-decoration: none;
}
.skip-link:focus { top: 16px; color: #fff; }

/* Barra de administracion de WordPress (usuarios logueados) */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}