/* Prosumia CRM — spacing, radii and layout. Radius scale is the file's
   "Border Radius" specimen; spacing follows the 4pt grid the type page states. */
:root{
  --prsm-space-1:4px;
  --prsm-space-2:8px;
  --prsm-space-3:12px;
  --prsm-space-4:16px;
  --prsm-space-5:20px;
  --prsm-space-6:24px;
  --prsm-space-8:32px;
  --prsm-space-10:40px;
  --prsm-space-12:48px;
  --prsm-space-16:64px;
  --prsm-space-20:80px;

  /* Border Radius — None / Small / Medium / Large / XL / 2XL / Full */
  --prsm-radius-none:0px;
  --prsm-radius-sm:4px;
  --prsm-radius-md:8px;
  --prsm-radius-lg:12px;
  --prsm-radius-xl:16px;
  --prsm-radius-2xl:24px;
  --prsm-radius-full:9999px;
  /* Radii the product screens use verbatim */
  --prsm-radius-card:16px;        /* tarjetas de sección (Perfil, Territorios) */
  --prsm-radius-panel:32px;       /* panel del buscador en Inicio */
  --prsm-radius-login:6px;        /* card e inputs del Login */
  --prsm-radius-pill:30px;        /* tags de perfil */
  --prsm-radius-search:56px;      /* buscador de la navbar */

  /* Control geometry — las ALTURAS viven ahora en tokens/density.css
     (dos tiers oficiales). Acá quedan sólo las medidas que no dependen del tier. */
  --prsm-field-w:336px;           /* ancho de campo por defecto */
  --prsm-icon-xs:16px;            /* agregado v1.2: ícono del tier denso */
  --prsm-icon-sm:14px;
  --prsm-icon-dense:18px;         /* agregado v1.2: ícono de banner, notice y toast */
  --prsm-icon-md:24px;
  --prsm-icon-lg:30px;
  --prsm-badge-size:56px;         /* círculo rojo de cabecera de sección */

  /* Layout */
  --prsm-app-width:1920px;
  --prsm-content-max:1360px;      /* columna de contenido (x=280 → 1640) */
  --prsm-content-gutter:280px;
  --prsm-col-side:321px;          /* columna izquierda de tarjetas */
  --prsm-col-main:1014px;         /* columna principal de tarjetas */

  /* Motion y capas: ver tokens/layers.css */
}