Controla Accesos · Dev

Tokens de diseño

Paleta «Circuito», tipografía, radios y componentes shadcn tematizados. Comparar contra docs/diseno/Component_Library_dc.html.

Tokens de color (15)

Background

--bg · #F5F6F8

Foreground

--fg · #0C1222

Card

--card · #FFFFFF

Muted

--muted · #EDEFF3

Muted foreground

--muted-fg · #566072

Border

--border · #E2E5EB

Primary

--primary · #3A56F0

Primary foreground

--primary-fg · #FFFFFF

Accent

--accent · #10D9A3

Success

--success · #16A362

Warning

--warning · #E7930C

Destructive

--destructive · #E5484D

Ring

--ring · #3A56F0

Row alt

--row-alt · #FAFBFC

Sidebar

--sidebar · #0C1222

Tipografía

Título de página32px · 800 · -0.8px

Título de tarjeta16px · 700 · -0.2px

Cuerpo de texto y celdas de tabla, pensado para densidad de datos sin fatiga.13.5px · 400-500

Etiqueta / eyebrow11px · 700 · caps · +1.1px

Radios

pill · 9999px

card · 16px

input · 10px

Botones

Jerarquía de 3 niveles: primario (píldora rellena, 1 por vista), secundario (contorno) y terciario (icono). Destructiva es contorno, nunca sólida.

Badges de estado

Fondo al 12% del color semántico + texto al 100%: contraste AA sin gritar. El estado vivo lleva punto con pulso.

En cursoPagadoPendienteAvisoProgramadoFinalizado

Composición: card de socio

Socios

Card estándar (rounded-card, borde 1px, sin sombra en reposo).

PagadoProgramadoPendienteFinalizado