/*
 * Z · tokens de layout. Con FALLBACK a los tokens de Cx: si mx-tokens.css está
 * cargado (lo común en estas apps), Z hereda la densidad/tema de Cx; si no, usa
 * los px literales. Así Z NO depende de Cx en compilación pero sí se integra al tema.
 */
:root {
    --z-space-0: var(--mx-space-0, 0);
    --z-space-1: var(--mx-space-1, 4px);
    --z-space-2: var(--mx-space-2, 8px);
    --z-space-3: var(--mx-space-3, 12px);
    --z-space-4: var(--mx-space-4, 16px);
    --z-space-5: var(--mx-space-5, 24px);
    --z-space-6: var(--mx-space-6, 32px);
}