# DESIGN.md de respaldo · Monitor de Dosificación

> Estructura simplificada; el archivo que exporta Stitch puede organizarse distinto.

## Visión
Interfaz industrial, limpia y muy legible para pantallas grandes en sala de control.

## Colores por rol
- Primario: `#0F766E`
- Tinta: `#111827`
- Fondo: `#F4F6F8`
- Superficie: `#FFFFFF`
- Borde: `#E5E7EB`
- OK: `#16A34A`
- Alerta: `#D97706`
- Rechazo: `#DC2626`

## Tipografía
- Inter para texto: 14 px cuerpo, 20 px títulos de tarjeta, 28 px títulos de página.
- JetBrains Mono para cifras: mínimo 28 px en indicadores críticos.

## Espaciado
Múltiplos de 8 px.

## Radios
8 px en tarjetas y 6 px en botones.

## Componentes
Barra lateral, tarjeta de indicador, tabla de baches, etiqueta de estado con ícono y texto, botón primario y botón secundario.

## Estados
Vacío, cargando, error, sin conexión y alarma.

## Accesibilidad
Contraste AA. Nunca comunicar un estado solo con color.