/* ==============================================
   RECOLECTO — Global UI/UX & Accessibility CSS
   ============================================== */

/* Color scheme declaration */
:root {
    color-scheme: light;
}

/* Focus visible: solo muestra outline al navegar con teclado,
   no al hacer click con mouse/touch */
:focus:not(:focus-visible) {
    outline: none;
}
:focus-visible {
    outline: 2px solid var(--primary, #4CAF50);
    outline-offset: 3px;
    border-radius: 4px;
}

/* Touch: elimina el retraso de 300ms en iOS/Android
   en todos los elementos interactivos */
button, a, input, select, textarea, label, [role='button'] {
    touch-action: manipulation;
}

/* Typography: mejor ajuste de líneas en headings */
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

/* Reducir movimiento para usuarios con vestibular/epilepsia */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Imágenes: dimensiones explícitas para evitar layout shift */
img {
    max-width: 100%;
    height: auto;
}

/* Notificaciones dinámicas accesibles */
[aria-live] {
    position: relative;
}