# Nexora + Lexy Design System

Este proyecto usa `@lexydesign/designsystem` (Lexy) como design system y fuente de verdad.
Lee `CLAUDE.md` (raíz) para la guía completa. Toda la guía de IA vive en este repo en `ai/`:
empieza por `ai/AGENTS.md` (contrato + invariantes) y `ai/skills/guidelines/SKILL.md` (calidad de
diseño/estética); API en `ai/manifest.json`; abre `ai/scenarios/*.md` y `ai/skills/*.md` según la tarea.

Reglas no negociables:
- Importa componentes directo del paquete: `import { Button, Input } from "@lexydesign/designsystem"`.
  No inventes props; usa las APIs reales (Button: variant × hierarchy × size).
- Nunca hex hardcodeado: usa utilidades de token (`bg-primary`, `text-foreground`, `border-border`)
  y clases tipográficas `.type-*`.
- NUNCA agregues un `:root`/`@theme inline` propio con `--color-primary`, `--background`, etc.:
  pisa los tokens de Lexy. Los tokens viven en `src/styles/lexy-tokens.css` y deben ganar la cascada.
- Modales sin "X" interno (cierre por footer/Escape/backdrop → onClose). Disabled con tokens, no opacity.
- Stack: Vite + React 18 + Tailwind v4 + react-router. Gestor: pnpm.
