/* ══════════════════════════════════════════════════════════════════════
   tokens-2get.css — LA PALETA, UNA SOLA VEZ
   ══════════════════════════════════════════════════════════════════════
   Acá viven los colores, los espacios y los tamaños de letra del panel,
   y el único pedido de las letras mismas (el @import de abajo).
   NADA MÁS: ni un selector de elemento, ni una clase, ni un componente.

   ── Por qué está separado de sistema-2get.css ────────────────────────
   Hasta el 24-09-2026 esta paleta vivía adentro de `sistema-2get.css`, y
   ese archivo lo cargaba UNA sola pantalla: documentos.html. Las otras
   diez tenían los mismos once colores escritos a mano, cada una en su
   propio `:root`. Once valores × diez archivos.

   Lo obvio habría sido hacer que las diez cargaran `sistema-2get.css`.
   No se puede: ese archivo tiene reglas para `body`, `input`, `select`,
   `textarea` y `label` sin clase de por medio, y eso le cambiaría los
   campos y los rótulos a las diez pantallas de una.

   Así que la paleta sale a este archivo, que no tiene ni un selector que
   pueda pisar nada. Las once pantallas lo cargan; `sistema-2get.css`
   también, y se queda con los componentes.

   ⚠ NO agregar componentes acá. Si se necesita un botón o una tabla, va
   en `sistema-2get.css`. El día que este archivo tenga un selector,
   deja de ser seguro cargarlo en todas partes — que es su única razón
   de existir.
   ══════════════════════════════════════════════════════════════════════ */

/* ── LAS LETRAS, PEDIDAS UNA SOLA VEZ ─────────────────────────────────
   Las dos que nombra este archivo (--2g-fuente es Inter, --2g-mono es
   JetBrains Mono) y la de los títulos (Nunito: la barra, las tarjetas y
   las cajas de piezas-2get.css). Hasta el 01-10-2026 cada pantalla las
   pedía en su propio <link>, con cinco combinaciones distintas de pesos,
   y diez de las doce no pedían Inter: la paleta decía Inter y esas diez
   salían en Arial. Ahora se piden acá, al lado de la variable que las
   nombra, y llegan a toda pantalla que cargue este archivo. Una pantalla
   NO las vuelve a pedir.
   ⚠ VA PRIMERO, antes del :root: Chrome ignora en silencio un @import
   que aparece después de cualquier regla.
   Lo cuidan test_letra.js y test_css_valido.js. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Nunito:wght@400;500;600;700;800&display=swap');

:root{
  /* ── COLOR ──────────────────────────────────────────────────────────
     Cuatro superficies y tres grises de texto. No hay un quinto ni un
     cuarto: si algo necesita otro tono, el problema es el diseño, no la
     paleta. */
  --2g-fondo:     #0b0d11;   /* el lienzo, lo más al fondo            */
  --2g-sup:       #12151b;   /* barras, barra lateral, tarjetas       */
  --2g-sup2:      #181c23;   /* campos, encabezados de tabla          */
  --2g-sup3:      #1f242d;   /* lo seleccionado, hover                */

  --2g-borde:     #232830;   /* separar sin gritar                    */
  --2g-borde2:    #313945;   /* el borde de algo con lo que se opera  */

  --2g-texto:     #e8eaee;   /* lo que se lee                          */
  --2g-suave:     #8b919d;   /* rótulos, apoyo                         */
  --2g-tenue:     #5e6572;   /* lo que casi no importa                 */

  /* El naranja es UNO. Aparece donde hay que actuar y en ningún otro
     lado; si está en todas partes, deja de significar nada. */
  --2g-acento:    #E85D23;
  --2g-acento-h:  #C94E1B;   /* el mismo, apretado                     */
  --2g-acento-t:  #E85D2312;  /* apenas teñido, para fondos            */
  --2g-acento-b:  #E85D2330;  /* apenas teñido, para bordes            */

  /* Los tres que significan algo por sí solos. No decoran: informan. */
  --2g-bien:      #4ea862;   /* guardado, conectado, va bien           */
  --2g-ojo:       #c9a227;   /* mirá esto antes de seguir              */
  --2g-mal:       #d9534f;   /* se rompió o se va a romper             */
  /*  LA SOLICITUD AL PROVEEDOR — era azul y pasó a naranja el 24-09-2026,
      decisión de Omar. Pero NO es el naranja pleno de los botones: es de
      ETIQUETA, con el fondo apenas teñido y el borde y la letra naranja.

      Y la razón importa: el naranja pleno significa «apretá acá». Si la
      solicitud fuera naranja pleno quedaría idéntica al botón de Guardar y
      el naranja dejaría de querer decir nada. Mismo color, distinto peso.  */
  --2g-solicitud:    #E85D23;   /* el borde y la letra                    */
  --2g-solicitud-f:  #F19E7B;   /* la letra sobre el fondo teñido         */
  --2g-solicitud-t:  #E85D2324;  /* el fondo, apenas teñido               */

  /*  El azul queda declarado porque todavía lo usan los botones que NO son
      la solicitud —abrir el buscador, el modo corporativo del lector— y esos
      son acciones secundarias, no identidad de documento.  */
  --2g-frio:      #4a90d9;   /* acción secundaria, ya no «la solicitud» */

  /* ── ESPACIO ────────────────────────────────────────────────────────
     Seis valores. Todo se construye con estos. «13 píxeles porque se
     veía mejor» es exactamente lo que hacía que se viera casero. */
  --2g-e1: 4px;
  --2g-e2: 8px;
  --2g-e3: 12px;
  --2g-e4: 16px;
  --2g-e5: 24px;
  --2g-e6: 32px;

  /* ── REDONDEO ───────────────────────────────────────────────────── */
  --2g-r1: 6px;    /* fichitas, cosas chicas    */
  --2g-r2: 8px;    /* botones, campos           */
  --2g-r3: 11px;   /* tarjetas, tablas          */
  --2g-r4: 14px;   /* ventanas                  */

  /* ── LETRA ──────────────────────────────────────────────────────────
     Seis tamaños, y cada uno tiene un trabajo. El monoespaciado es solo
     para NÚMEROS Y CÓDIGOS: alinea las columnas y hace que 1 030 y 1 300
     no se confundan de reojo. */
  --2g-fuente: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --2g-mono:   'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --2g-t1: 10px;     /* rótulo de sección, en mayúsculas   */
  --2g-t2: 11px;     /* etiqueta de campo, pie de nota     */
  --2g-t3: 12.5px;   /* el texto de trabajo                */
  --2g-t4: 13px;     /* lo mismo, con un poco más de peso  */
  --2g-t5: 14.5px;   /* título de documento                */
  --2g-t6: 17px;     /* título de pantalla                 */

  /* ── ALTURA DE LOS CONTROLES ────────────────────────────────────────
     Dos alturas y nada más. Botones y campos que miden distinto por dos
     píxeles es de las cosas que se notan sin poder explicarlas. */
  --2g-alto:   34px;
  --2g-alto-s: 28px;

  --2g-sombra:  0 2px 8px rgba(0,0,0,.3);
  --2g-sombra2: 0 18px 50px rgba(0,0,0,.5);
  --2g-tr: .14s;    /* una sola velocidad para todo lo que se mueve */
}
/*  ⚠ ESA LLAVE DE ARRIBA NO ES DECORACIÓN.
    El 24-09-2026 este archivo se publicó SIN ella. Chrome no perdona un
    bloque abierto al final del archivo: descarta el `:root` entero. Los 43
    tokens quedaron vacíos, `--bg` quedó vacío, `background: var(--bg)` pasó
    a ser inválido y las ONCE pantallas del panel salieron en blanco sobre
    blanco. Un carácter.
    Lo cuida `pruebas/test_css_valido.js`.                                  */