@forestblock/design-tokens

Design tokens del sistema ls-* (LandScan) — zinc neutral + accent emerald #10b981. Source of truth de la suite, extraído verbatim de ForestScan (UX audit v2 §6): frontend/src/app/globals.css (CSS vars --ls-*) + frontend/tailwind.config.ts (colors.ls.*) + frontend/src/lib/constants.ts (COLORS).

Estado F1.1 — parte A (esta entrega): el paquete existe con valores idénticos a ForestScan (probado en src/index.test.ts). Parte B (follow-up): cablear el frontend/ para que importe de acá (toca el deploy de Vercel → se hace en un PR aparte, ver docs).

Contenido

• src/tokens.ts — valores crudos tipados (surfaces, border, text, accent, semantic, charts, scope, brandLima, typography, radius, space).
• src/colors.ts — COLORS (paleta charts/inline-styles).
• src/tailwind-preset.ts — lsPreset / lsColors (espejo de colors.ls).
• tokens.css — :root { --ls-* } + clases tipográficas .ls-*.

Uso (consumidor Tailwind)

// tailwind.config.ts
import { lsPreset } from '@forestblock/design-tokens';
export default { presets: [lsPreset], content: ['./src/**/*.{ts,tsx}'] };

// entrypoint (p. ej. app/layout.tsx o el globals.css del consumidor)
import '@forestblock/design-tokens/tokens.css';

Con eso las utilidades ls-* (bg-ls-s-2, text-ls-muted, …) y las clases .ls-title / .ls-kpi / … renderizan idéntico a ForestScan hoy.

Sincronía

tokens.css (valores de las vars) y src/tokens.ts (valores TS) deben mantenerse en sincronía; el test src/index.test.ts lo verifica.