/* ============================================================
   RAFFEL PAGÈS ESSENCE · Accesibilidad (WCAG 2.1 AA)
   Hoja cargada en ÚLTIMO lugar para complementar (no sustituir)
   el sistema de diseño de cada página. Cambios aditivos y seguros.
   ============================================================ */

/* --- Skip-link: invisible hasta recibir foco con teclado (WCAG 2.4.1) --- */
.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 4000;
  transform: translateY(-160%);
  background: #181614;
  color: #F7F3EC;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 0.8rem 1.4rem;
  border: 1px solid #B8924A;
  border-radius: 4px;
  text-decoration: none;
  transition: transform 0.2s ease;
}
.skip-link:focus {
  transform: translateY(0);
  outline: 3px solid #B8924A;
  outline-offset: 2px;
}

/* --- Foco visible y consistente para teclado (WCAG 2.4.7) --- */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid #8E6F35;   /* oro profundo: contraste ≥3:1 sobre crema/papel */
  outline-offset: 3px;
}

/* En contextos oscuros (hero, footer, menú móvil) el anillo va en oro claro */
.hero a:focus-visible,        .hero button:focus-visible,
.footer a:focus-visible,      .footer button:focus-visible,
.mobile-menu a:focus-visible, .mobile-menu button:focus-visible,
.top a:focus-visible,
.legal-top a:focus-visible {
  outline-color: #D4B578;       /* oro claro: contraste alto sobre tinta */
}

/* Destino del skip-link sin que el sticky-nav lo tape */
#contenido {
  scroll-margin-top: 96px;
}
#contenido:focus {
  outline: none;                /* el foco se mueve aquí pero no necesita anillo visible */
}

/* --- Contraste de texto secundario (WCAG 1.4.3) ---
   --muted sólo se usa sobre fondos claros en todo el sitio; este valor
   sube el contraste de 3.38:1 (fallaba) a 5.2:1 (AA) sin alterar el diseño. */
:root {
  --muted: #6B655C;
}