Color
Tema oscuro por defecto (la identidad; las landings lo fuerzan) y Arcade claro para documentación y productos, según la preferencia del sistema. Cada par de texto y fondo cumple WCAG AA en los dos temas y CI lo verifica.
Fondos y texto
- bg-defaultFondo de páginaOscuro #0A0A12Claro #F6F5FB
--pp-color-bg-default - bg-surfaceTarjetas, paneles y camposOscuro #12121EClaro #FFFFFF
--pp-color-bg-surface - fg-defaultTexto principalOscuro #F1F0FFClaro #14121F
--pp-color-fg-default - fg-mutedTexto secundario y etiquetas HUDOscuro #8F8DB0Claro #5E5A7A
--pp-color-fg-muted - border-defaultBordes, bordes pixel y divisoresOscuro #2A2A40Claro #D9D6EA
--pp-color-border-default
Acentos
- accent-defaultNeón del producto (Spawn: violeta)Oscuro #B18CFFClaro #6D3FE0
--pp-color-accent-default - accent-secondaryCian de marca: enlaces y anillo de focoOscuro #5CE1E6Claro #0A737A
--pp-color-accent-secondary - fg-on-accentTexto sobre un relleno de acentoOscuro #0A0A12Claro #FFFFFF
--pp-color-fg-on-accent
Estados (nunca de marca, nunca solos)
- state-successÉxitoOscuro #7DFF9BClaro #13773A
--pp-color-state-success - state-warningAtención, degradadoOscuro #FFD166Claro #9A6400
--pp-color-state-warning - state-dangerError, caídoOscuro #FF6B8AClaro #C42A4B
--pp-color-state-danger
Neones de producto
- neon-violetSpawnOscuro #B18CFFClaro #6D3FE0
--pp-color-neon-violet - neon-limeReservadoOscuro #C6FF4DClaro #4F7A00
--pp-color-neon-lime - neon-pinkReservadoOscuro #FF7AD9Claro #B0247F
--pp-color-neon-pink - neon-amberReservadoOscuro #FFB547Claro #8F5A00
--pp-color-neon-amber