/**
 * Design tokens — FASE-A (base para shell y módulos).
 * Tema claro/oscuro sigue en app.css vía [data-theme]; aquí solo densidad y radios compartidos.
 */
:root {
    --shell-header-h: 52px;
    --content-max-w: 1280px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* FASE-C: densidad cómoda (preferencia localStorage `dte-ui-density`) */
:root[data-ui-density="comfortable"],
html[data-ui-density="comfortable"] {
    --shell-header-h: 56px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --space-2: 10px;
    --space-3: 14px;
    --space-4: 18px;
    --space-5: 28px;
}