Colores

Roles principales, semánticos, métricas y estados.

Fondo--color-bg

Superficie--color-surface

Superficie secundaria--color-surface-muted

Superficie elevada--color-surface-raised

Texto--color-text

Texto secundario--color-text-muted

Borde--color-border

Primario--color-primary

Primario hover--color-primary-hover

Primario soft--color-primary-soft

Secundario--color-secondary

Secundario soft--color-secondary-soft

Lima--color-accent

Lima soft--color-accent-soft

Azul pastel--color-accent-blue

Azul pastel soft--color-accent-blue-soft

Lila pastel--color-accent-purple

Lila pastel soft--color-accent-purple-soft

Success--color-success

Warning--color-warning

Danger--color-danger

Info--color-info

Badges semánticos

Control--color-badge-control-bg / --color-badge-control-text

Energía--color-badge-power-bg / --color-badge-power-text

Comodidad--color-badge-comfort-bg / --color-badge-comfort-text

Valor--color-badge-value-bg / --color-badge-value-text

Exigente--color-badge-demanding-bg / --color-badge-demanding-text

Score altoWarningErrorDestacadoPremium