/* ==========================================================================
   tokens-admin.css
   Espaciado compacto, alturas de fila, densidad de tabla y superficie.
   Específico de back-office. NO usar en landing, zona_privada ni APP.
   Depende de tokens-brand.css (consume --ink, --brand-*, --color-*).
   ========================================================================== */

:root {

  /* ------------------------------------------------------------------
     Escala de espaciado — un único nivel de densidad (decisión kickoff §9.3)
     ------------------------------------------------------------------ */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-8:  48px;

  /* ------------------------------------------------------------------
     Tabla densa — el componente más usado del back-office
     ------------------------------------------------------------------ */
  --table-row-height:  36px;
  --table-cell-pad-v:  6px;
  --table-cell-pad-h:  10px;
  --table-font-size:   15px;
  --table-head-size:   12px;
  --table-head-weight: 600;

  /* ------------------------------------------------------------------
     Formularios
     ------------------------------------------------------------------ */
  --form-input-height: 32px;
  --form-label-size:   13px;
  --form-input-size:   14px;
  --form-gap:          var(--sp-3);

  /* ------------------------------------------------------------------
     Shell y layout
     ------------------------------------------------------------------ */
  --shell-topbar-h:   48px;
  --content-pad-v:    var(--sp-5);
  --content-pad-h:    var(--sp-5);
  --content-max-w:    1600px;

  /* ------------------------------------------------------------------
     Badges
     ------------------------------------------------------------------ */
  --badge-pad-v:    2px;
  --badge-pad-h:    8px;
  --badge-font-size: 11px;
  --badge-radius:   4px;
  --badge-weight:   600;

  /* ------------------------------------------------------------------
     Superficie y borde
     ------------------------------------------------------------------ */
  --surface:      #F5F6FA;
  --surface-card: #FFFFFF;
  --surface-hover:#F0F4F3;
  --border:       #DDE1E6;
  --border-focus: var(--brand-700);
  --border-radius: 6px;
  --muted:        #6B7280;

  /* ------------------------------------------------------------------
     Sombras
     ------------------------------------------------------------------ */
  --shadow-sm: 0 1px 2px rgba(16,22,28,.06);
  --shadow-md: 0 2px 8px rgba(16,22,28,.10);

  /* ------------------------------------------------------------------
     Tipografía back-office (tamaños)
     ------------------------------------------------------------------ */
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   21px;
  --text-xl:   25px;
  --leading:   1.5;

  /* ------------------------------------------------------------------
     Transiciones — máximo permitido: 150ms (§7, no animaciones decorativas)
     ------------------------------------------------------------------ */
  --transition-fast: 120ms ease;
  --transition-base: 150ms ease;

  /* ------------------------------------------------------------------
     Z-index
     ------------------------------------------------------------------ */
  --z-sticky:  100;
  --z-topbar:  200;
  --z-modal:   1000;
  --z-toast:   1100;

}