Bloque A es el único lugar del sistema donde existe un literal de color. Todo lo demás se deriva
con color-mix(), de modo que cambiar estos nueve valores retiña el producto
completo en claro y en oscuro. Usa el interruptor para comprobar ambos temas.
Tres planos: el fondo de página, la superficie de tarjeta y el relleno informativo. Las líneas separan; las sombras casi no existen en este sistema.
La regla que gobierna esta fila: --muted da 4.76:1 sobre blanco puro,
pero cae a 4.15:1 en cuanto el fondo se tiñe (fila alterna, píldora, aviso). Todo el texto secundario
del sistema usa --muted-ink, que se mantiene en 6.02:1 sobre superficie
y 5.25:1 sobre relleno tenue.
El acento brillante con texto blanco da 2.4:1, así que no puede ser un botón. La acción sólida usa
--solid-bg (acento mezclado 26 % hacia la tinta): 5.71:1 con blanco, y el
hover sube a 8.23:1. El acento brillante queda para selección, foco e indicadores.