/* Tokens de marca NetSoft — fuente compartida entre portal, las páginas de
   autenticación (login / reset de contraseña) y cualquier página que no
   extienda admin/base_site.html.
   Mismos valores de paleta que usa el panel administrativo:
   paleta v2, derivada del manual de marca oficial Net Courier
   (azul #003AC8 / verde #00D700), aprobada 2026-07-14.
   Regla de uso: el verde puro (--net-accent) nunca lleva texto blanco
   encima, solo texto oscuro (--net-ink); para texto/íconos "success" en
   tamaño chico usar --net-ok-text. */
:root {
    --net-ink: #00206e;
    --net-ink-2: #001750;
    --net-teal: #003ac8;
    --net-action: #003ac8;
    --net-accent: #00d700;
    --net-accent-bg: #ebfceb;

    --net-bg: #f5f7fc;
    --net-surface: #ffffff;
    --net-surface-2: #eef2fa;
    --net-border: #d7deea;
    --net-border-soft: #e7ecf5;
    --net-text: #1b2434;
    --net-heading: #00206e;
    --net-muted: #5b6b85;

    --net-ok-text: #007a00;
    --net-ok-bg: #ebfceb;
    --net-warn-text: #92400e;
    --net-warn-bg: #fef3c7;
    --net-danger-text: #991b1b;
    --net-danger-bg: #fee2e2;
    --net-info-text: #003ac8;
    --net-info-bg: #e6ebfa;
    /* Estado neutro (sin empezar / inactivo). Gris puro y mas apagado que los
       otros cuatro fondos, que son pasteles claros: es lo unico que lo separa
       de TODOS ellos a la vez. Un gris claro se acerca al rosa de --net-danger-bg
       y al amarillo de --net-warn-bg (queda a 18, y entre los otros cuatro la
       distancia minima es 23); este queda a 40 del mas cercano. Que sea el mas
       apagado de la escala tambien es correcto: es el estado sin arrancar. */
    --net-neutral-text: #4d4d4d;
    --net-neutral-bg: #d8d8d8;

    /* ---- Categorías ----
       El color acá NO es un aviso: distingue CATEGORÍAS entre sí. Una compra no
       es más urgente que una carga, así que pintarla con --net-warn le metería
       una semántica que no tiene. Por eso tienen tokens propios y no reusan los
       cinco de estado de arriba.

       SE TOKENIZA POR ROL Y NO POR VALOR, y es lo más importante de entender
       acá: el azul #E6F1FB hace HOY TRES TRABAJOS DISTINTOS en el sistema --
       este chip de categoría, la banda que agrupa por día en los listados, y el
       mensaje de info -- y comparten valor por CASUALIDAD, no porque sean lo
       mismo. Si mañana aparece un #E6F1FB suelto en algún lado, NO es un token
       de categoría sin nombre: es otro rol esperando el suyo.

       Lo que quedó afuera a propósito, aunque tenga estos mismos hex:
         - las bandas .net-pago/mov/carga-fecha-separador (agrupan por día);
         - los mensajes info de net_mensajes.css (eso sí es un aviso);
         - la barra de progreso de Órdenes de compra;
         - el panel del dashboard y generar_prealerta.html.
       Cada uno merece su token, con el nombre de SU rol.

       Los nombres van numerados y NO por color a propósito: un token llamado
       "ambar" que mañana es verde es una mentira permanente, y peor -- el nombre
       por color INVITA A USARLO POR COLOR, y ahí el token deja de significar
       categoría y pasa a ser una paleta suelta. "cat-2" no le sirve a nadie que
       no esté pintando categorías, que es exactamente lo que se busca.

       SON TRES Y NO CUATRO: el azul y el ámbar se eligieron juntos porque tenían
       que distinguirse ENTRE SÍ. Un cuarto habría que elegirlo contra los otros
       tres, y hoy no hay contra qué -- dejar el hueco sería elegir un color sin
       saber para qué. Cuando aparezca la cuarta categoría se agrega, mirando las
       tres que ya están.

       Hoy los usan tres pantallas del admin: Cobros (los tres), Movimientos de
       caja (neutra y 1) y Cargas Courier (los tres). El portal no tiene chips;
       viven acá igual porque este archivo es LA fuente de tokens. */
    --net-cat-neutra-bg: #f1efe8;
    --net-cat-neutra-text: #5f5e5a;
    --net-cat-1-bg: #e6f1fb;
    --net-cat-1-text: #0c447c;
    --net-cat-2-bg: #faeeda;
    --net-cat-2-text: #854f0b;

    --net-radius: 10px;
    --net-radius-sm: 6px;
    --net-shadow-sm: 0 1px 3px rgba(18, 38, 58, .06), 0 1px 2px rgba(18, 38, 58, .04);
    --net-shadow: 0 8px 24px rgba(18, 58, 82, .10);

    --net-font-display: "Manrope", -apple-system, "Segoe UI Semibold", ui-sans-serif, system-ui, sans-serif;
    --net-font-body: "Inter", -apple-system, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}