/*
 * Z · tokens de layout, con fallback a los de Cx: si mx-tokens.css está cargado (lo
 * común), Z hereda su densidad y tema; si no, usa los px literales. Así Z no depende
 * de Cx al compilar pero 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);
}