Color

Paleta oscura por defecto, con un único acento mint asociado a «aprobado». Usa siempre el token, nunca el valor: el modo claro se resuelve solo.

Base y superficies

Nunca negro puro; los bordes son blanco a baja opacidad

--background

bg-background

Fondo de página

--surface

bg-surface

Superficie de tarjetas

--surface-elevated

bg-surface-elevated

Superficie elevada, banda de confianza

--border

border-border

Borde de un píxel por defecto

--border-strong

border-border-strong

Borde en hover y estados activos

Texto sobre fondo

Los tres niveles cumplen AA sobre --background

Revisión firmada por un ingeniero senior--foreground · text-foreground
Revisión firmada por un ingeniero senior--muted-foreground · text-muted-foreground
Revisión firmada por un ingeniero senior--subtle-foreground · text-subtle-foreground

Acento y semánticos

El acento se usa con moderación: nunca en áreas grandes

--accent

bg-accent

CTA principal, métrica clave, estado activo

--accent-glow

bg-accent-glow

Brillo radial detrás de tarjetas en hover

--success

text-success

Aprobado, fusionado

--warning

text-warning

Aviso que requiere decisión

--destructive

text-destructive

Riesgo, error, línea eliminada

--diff-added

bg-diff-added

Fondo de línea añadida

--diff-removed

bg-diff-removed

Fondo de línea eliminada

Par acento / texto sobre acento

Texto oscuro sobre acento, como en el CTA principal

--accent-foreground sobre --accent
--accent sobre --surface