/* ============================================================
   KAVTO DASHBOARD — TOKENS DE DENSIDAD Y COMPONENTES
   Se carga después de tokens.css y de los overrides de marca.
   ============================================================ */

:root {
    /* Escala compacta y fluida exclusiva del dashboard */
    --space-s: clamp(1.2rem, calc(0.382vw + 1.051rem), 1.6rem);
    --space-m: clamp(1.8rem, calc(0.574vw + 1.576rem), 2.4rem);
    --space-l: clamp(2.4rem, calc(0.765vw + 2.102rem), 3.2rem);
    --space-xl: clamp(3.2rem, calc(1.529vw + 2.604rem), 4.8rem);

    /* Tipografía de aplicación: compacta, sin afectar landing */
    --txt-m: clamp(1.5rem, calc(0.095vw + 1.463rem), 1.6rem);
    --h3: clamp(2.2rem, calc(0.191vw + 2.126rem), 2.4rem);

    /* Aliases semánticos: componentes no dependen del paso físico */
    --dashboard-page-padding: var(--space-l);
    --dashboard-card-padding: var(--space-l);
    --dashboard-section-gap: var(--space-m);
    --dashboard-component-gap: var(--space-s);
    --dashboard-control-gap: var(--space-xs);
    --dashboard-page-title-size: var(--h3);

    /* Layout y dimensiones funcionales del dashboard */
    --sidebar-width: 28rem;
    --form-search-width: 28rem;
    --table-entity-min-width: 18rem;
    --avatar-size: 3.6rem;
    --icon-size-xs: 1.2rem;
    --icon-size-s: 1.6rem;
    --icon-size-m: 2rem;
    --icon-size-l: 4rem;
    --control-height: 4.4rem;
    --touch-target-min: var(--control-height);
    --control-pad-y: 1rem;
    --control-pad-x: 1.4rem;
    --button-pad-x: 2rem;
    --table-cell-pad-y: 1.2rem;
    --table-cell-pad-x: 1.6rem;
}