Border
Grosores y colores de borde para separar, marcar y enfocar.
Ancho
Del borde fino al de foco.
| Muestra | Token | Valor | Uso |
|---|
| | 1px | |
| | 1.5px | |
| | 2px | |
| | 2px | Campos: borde de 2px en foco (box-shadow inset para no mover el layout) |
Color
Un color por función: separar, marcar un campo y enfocar.
| Muestra | Token | Valor | Uso |
|---|
| | #e4e4e4 | Solo divisores y bordes decorativos. Controles usan form.border |
| | #1a1a1a | Hover y selección de chips y filtros |
| | #e30613 | Campos en foco: reemplaza el color del borde |
| | #e30613 | |
| | #ffc7ca | |
| | #15803d | |
| | rgba(255, 255, 255, 0.3) | |