Nuevas funciones de CSS Media Query 5

• light-level: permite ajustar según el brillo de la pantalla: dim, washed, normal (aún sin soporte en navegadores)

• inverted-colors: inversión de colores (solo compatible con Safari)

• Personalización

 → prefers-contrast: compatibilidad con accesibilidad

 → prefers-reduced-motion: minimiza las animaciones

 → prefers-reduced-transparency: reduce la transparencia

 → prefers-reduced-data: minimiza la transferencia de datos en estado celular/roaming o en sitios con muchas imágenes

• Custom Media Query scriptable

 → se puede enlazar declarando variables con @custom-media

 → también está previsto que la propia declaración de variables pueda hacerse mediante scripts