v0.2.0

Tokens

Sistema cromático

Fuente de verdad: tokens/*.tokens.json (W3C DTCG). Cada muestra se lee directo del JSON; los alias se resuelven a su hex final y el OKLCH exacto va como metadato.

Core

Valores crudos. No consumir en UI directamente.

lima

50 #F4FFCC oklch(0.979 0.067 117.5)
100 #E9FF99 oklch(0.962 0.129 118.8)
200 #DBFF66 oklch(0.945 0.181 121.2)
300 #CAFF33 oklch(0.931 0.218 124.1)
400 #BDFF14 oklch(0.922 0.233 126.4)
500 #B5FF00 oklch(0.917 0.239 127.9) — LIMA DE MARCA
600 #9FDB00 oklch(0.819 0.211 126.9)
700 #83B800 oklch(0.718 0.186 127.5)
800 #618A00 oklch(0.581 0.151 127.6)
900 #435F00 oklch(0.446 0.115 126.9)

neutral

50 #F5F5F5 oklch(0.970 0 0) — texto primario (dark) / superficie (light)
100 #E8E8E8 oklch(0.931 0 0)
200 #D4D4D4 oklch(0.870 0 0)
300 #B4B4B4 oklch(0.770 0 0) — texto secundario (dark)
400 #8F8F8F oklch(0.650 0 0)
500 #6B6B6B oklch(0.528 0 0) — texto atenuado
600 #454545 oklch(0.390 0 0)
700 #2E2E2E oklch(0.301 0 0) — borde por defecto
800 #1F1F1F oklch(0.239 0 0) — superficie elevada / borde fuerte
900 #141414 oklch(0.191 0 0) — superficie
950 #0A0A0A oklch(0.145 0 0) — fondo base (carbon)

white · carbon

white #FFFFFF oklch(1 0 0) — Blanco de marca
carbon #0F0F0F oklch(0.168 0 0) — Carbon Profundo de marca

feedback

success #3BB273 oklch(0.682 0.141 156.0) — esmeralda apagado, distinto del lima
warning #E0A82C oklch(0.764 0.145 82.1) — ámbar/oro
error #E05545 oklch(0.631 0.177 29.5) — rojo controlado (no #FF3B30)
info #6E8AD1 oklch(0.642 0.112 266.9) — azul acero apagado (no #007AFF)

Semánticos — roles de UI

La capa que se consume. Alias → core (tema dark).

bg

base #0A0A0A ← {color.neutral.950} fondo de página (carbon)
surface #141414 ← {color.neutral.900} tarjetas, paneles
elevated #1F1F1F ← {color.neutral.800} menús, popovers, superficie elevada

border

subtle #1F1F1F ← {color.neutral.800} separadores tenues
default #2E2E2E ← {color.neutral.700} bordes de componentes
strong #454545 ← {color.neutral.600} bordes de énfasis / foco no-accent

text

primary #F5F5F5 ← {color.neutral.50} texto principal sobre fondo oscuro
secondary #B4B4B4 ← {color.neutral.300} texto secundario
muted #8F8F8F ← {color.neutral.400} texto atenuado / metadatos. neutral.400 (6.1:1 sobre carbon): AA real; neutral.500 daba 3.7:1 y rompía la regla AA del sistema
onAccent #0F0F0F ← {color.carbon} texto sobre superficies lima (carbon, no blanco: el lima es muy claro)

accent

default #B5FF00 ← {color.lima.500} acción primaria, énfasis, serie destacada
hover #BDFF14 ← {color.lima.400} hover
pressed #9FDB00 ← {color.lima.600} pressed / active
subtle #435F00 ← {color.lima.900} fondos lima sutiles sobre oscuro

Gráficos — dataviz

Paleta validada (banda L, chroma, daltonismo, contraste).

chart

highlight #B5FF00 ← {color.lima.500} Lima de marca. NO es una serie categórica más (L 0.92 fuera de banda). Rol: métrica primaria, serie destacada, KPI, valor activo/seleccionado.
categorical.1 #2AA898 oklch(0.662 0.108 182.3) — teal
categorical.2 #E0663F oklch(0.653 0.162 38.1) — coral
categorical.3 #7E8CE8 oklch(0.669 0.137 275.5) — periwinkle
categorical.4 #B8841F oklch(0.649 0.126 78.4) — ámbar
categorical.5 #CF5FA0 oklch(0.642 0.159 346.6) — magenta
categorical.6 #5AA84A oklch(0.660 0.151 140.3) — verde
categorical.7 #4F93D6 oklch(0.648 0.122 249.9) — azul cielo
sequential.from #E9FF99 ← {color.lima.100}
sequential.to #618A00 ← {color.lima.800}
surface #141414 ← {color.neutral.900} superficie de gráfico (fondo de plot) usada para validar contraste
grid #1F1F1F ← {color.neutral.800} líneas de rejilla/ejes recesivas