Paleta base
| Token | Light | Dark | Uso |
|---|
ink | #0E0E0C | #0A0A08 | Fondo de pantalla en dark / texto principal en light |
paper | #F6F3EC | #141410 | Fondo de pantalla principal |
paperDim | #ECE8DE | #1A1A15 | Cards y secciones secundarias |
line | #D9D4C6 | #26251F | Bordes y separadores |
muted | #4D4A44 | #A8A49E | Texto secundario |
Acento
| Token | Light | Dark | Uso |
|---|
lime | #C6FF3D | #C6FF3D | CTAs, ranking #1, indicadores activos |
limeDim | #9FD41C | — | Hover / pressed (web) |
Semánticos
| Token | Light | Dark | Uso |
|---|
good | #1A7A42 | #3DB870 | Ahorro, precio bajo, éxito |
bad | #C13B2A | #E06050 | Error, precio alto, cerrado |
Invariantes (siempre sobre fondo ink)
Estos tokens no cambian con el modo — siempre se usan sobre fondos ink.
| Token | Valor | Uso |
|---|
fgOnInk | #F0EDE6 | Texto principal sobre ink |
mutedOnInk | rgba(240,237,230,0.65) | Texto secundario sobre ink |
lineOnInk | rgba(240,237,230,0.20) | Bordes sobre ink |