/* Design tokens — single source of truth for spacing, radius, shadow,
 * motion, type. Layered on top of Pico v2 (loaded before this file);
 * Pico variables remain the typography/form base. Component CSS under
 * ui_system/ MUST consume these tokens — hardcoded hex/rem in a
 * component file is a bug. */

:root {
    /* Spacing scale — 0.25rem increments, named by index. */
    --ds-space-0: 0.25rem;
    --ds-space-1: 0.5rem;
    --ds-space-2: 0.75rem;
    --ds-space-3: 1rem;
    --ds-space-4: 1.5rem;
    --ds-space-5: 2rem;
    --ds-space-6: 3rem;

    /* Radii — sm/md inherit from Pico. */
    --ds-radius-sm: 4px;
    --ds-radius-md: var(--pico-border-radius);

    /* Motion. */
    --ds-transition-base: 0.15s ease;

    /* Typography sizes for compact UI chrome. */
    --ds-font-md: 0.85rem;
}

.muted { color: var(--pico-muted-color); }