/* MADRE SELVA · Design System · tokens institucionales (E0, 18/10/2026).
   Una sola fuente de verdad para tipografía, escala, controles, espaciado y radios de BASE, PRO, PREMIUM y MS EJECUTIVO.
   Solo variables: este archivo no aplica estilos. Los colores de cada experiencia siguen en features/experiencias/ui.cjs,
   ms-nav-l.css y ms-ux-claridad.css; aquí no se redefine ninguna identidad cromática.
   Unidades en rem (escalan con el zoom y el tamaño de letra del navegador); clamp() solo entre mínimos y máximos legibles. */
:root{
  /* Familias: Inter (interfaz), Source Serif 4 (títulos y cifras), Cinzel (marca). Respaldo del sistema si no cargan. */
  --ms-font-ui:var(--sans,"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
  --ms-font-title:var(--serif,"Source Serif 4",Georgia,"Times New Roman",serif);
  --ms-font-brand:var(--brand,"Cinzel","Trajan Pro",Georgia,serif);

  /* Escala tipográfica (celular → escritorio). Source Serif 4 se carga en 400/500/600: no usar 700 (negrita simulada). */
  --ms-fs-h1:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);          /* 28 → 40 · título de pantalla */
  --ms-fs-h2:clamp(1.3125rem,1.15rem + .55vw,1.625rem);     /* 21 → 26 · título de sección / héroe de módulo */
  --ms-fs-h3:clamp(1.125rem,1.05rem + .3vw,1.25rem);        /* 18 → 20 · título de tarjeta, modal o panel */
  --ms-fs-h3-dense:1.0625rem;                               /* 17 · tarjetas de paneles densos (PREMIUM, Equipo, MS EJECUTIVO) */
  --ms-fs-eyebrow:.75rem;                                   /* 12 · antetítulo en mayúsculas */
  --ms-fs-body:.9375rem;                                    /* 15 · subtítulos y párrafos */
  --ms-fs-aux:.8125rem;                                     /* 13 · ayudas, descripciones, avisos */
  --ms-fs-caption:.78125rem;                                /* 12,5 · rótulo de cifra, metadatos */
  --ms-fs-label:.75rem;                                     /* 12 · etiqueta de campo (mayúsculas) */
  --ms-fs-input:.9375rem;                                   /* 15 · texto de campos; 16 en celular (ver abajo) */
  --ms-fs-btn:.8125rem;                                     /* 13 · texto de botones */
  --ms-fs-th:.71875rem;                                     /* 11,5 · encabezado de tabla (mayúsculas) */
  --ms-fs-td:.90625rem;                                     /* 14,5 · celda de tabla */
  --ms-fs-kpi:clamp(1.25rem,1.05rem + .7vw,1.625rem);       /* 20 → 26 · cifra de indicador */

  --ms-fw-h1:500;--ms-fw-title:600;--ms-fw-kpi:500;--ms-fw-ui:600;--ms-fw-label:600;--ms-fw-body:400;
  --ms-lh-tight:1.1;--ms-lh-title:1.22;--ms-lh-body:1.5;--ms-lh-aux:1.45;
  --ms-ls-eyebrow:.14em;--ms-ls-label:.08em;--ms-ls-th:.08em;--ms-ls-title:-.005em;

  /* Controles y objetivos táctiles */
  --ms-control-h:2.625rem;                                  /* 42 */
  --ms-touch:2.75rem;                                       /* 44 · control principal en pantalla táctil */
  --ms-touch-compact:2.25rem;                               /* 36 · chips, enlaces de fila, acciones secundarias densas */

  /* Espaciado (4 · 8 · 12 · 16 · 24 · 32), radios y líneas */
  --ms-space-1:.25rem;--ms-space-2:.5rem;--ms-space-3:.75rem;--ms-space-4:1rem;--ms-space-5:1.5rem;--ms-space-6:2rem;
  --ms-radius-control:10px;--ms-radius-card:14px;--ms-radius-panel:22px;--ms-radius-pill:999px;
  --ms-border:1px;--ms-gold-line:var(--gold,#D4B074);
}
/* iPhone amplía la pantalla al enfocar campos de menos de 16 px. */
@media (max-width:640px){:root{--ms-fs-input:1rem}}
@media (pointer:coarse){:root{--ms-fs-input:1rem}}