08 — Design system — MERIDIANA

Tokens (CSS vars)

Ver Paper artboard 00 Design System y tailwind.config de la app.

Componentes

• Button primary / secondary / ghost
• Input, Textarea, Select
• Card service, Card doctor
• Badge estado (NEW / CONTACTED / CLOSED)
• Alert error / success / info
• Nav + footer
• Skeleton

Spacing

Base 4; escala 8/12/16/24/32/48/64.

Radius

md 8px, lg 12px, full pills.

Motion

150–200ms ease-out en hover; sin motion esencial para a11y (prefers-reduced-motion).