/* Generado por scripts/build.js desde marca/tokens.css — no editar acá. */
/* ============================================================================
   tokens.css — Identidad de Bulk Pack en variables CSS.
   FUENTE DE VERDAD de la marca del cliente, transversal a todos sus proyectos.

   Bulk Pack es la división de bolsones (big bags) de textiles industriales de
   TN Platex. Su identidad se apoya en el sistema de diseño de TN Platex: el mismo
   cian, el mismo isotipo (swirl) y el wordmark "TN PLATEX", presentado como
   "una marca de TN Platex". Ver marca.md.

   El build de cada app copia este archivo a su public/ (con cabecera "generado,
   no editar"), así todas las apps del cliente consumen la MISMA identidad. Las
   apps referencian SOLO estos tokens (var(--...)); nunca un color literal suelto.

   Tipografía: sin cara propia empaquetada. Se usa un stack de sistema de grotescas
   (Helvetica/Arial), la familia más cercana al wordmark geométrico de TN Platex.
   Prohibido webfont remota (Google Fonts / @import a un host externo).
   ========================================================================== */

:root {
  /* --- Nombre de marca (string, lo usan headers y mails) --- REQUERIDO --- */
  --marca-nombre: "Bulk Pack";

  /* --- Color de marca (cian TN Platex) --- */
  --marca:        #00b2e4;   /* REQUERIDO: cian TN Platex, color dominante */
  --marca-contenido: #0e1418; /* texto/íconos SOBRE --marca: el cian es claro, va tinta oscura (no blanco). Kit. */
  --marca-fuerte: #0090bc;   /* cian oscuro para hover, links y énfasis */
  --marca-suave:  #e1f5fc;   /* tinte claro para fondos activos/hover */
  --marca-suave-contenido: #0e1418; /* texto sobre --marca-suave. Kit. */
  --acento:       #00b2e4;   /* la marca es monocroma: un cian sobre neutros fríos */

  /* --- Superficies y texto --- */
  --fondo:         #ffffff;  /* REQUERIDO: fondo de página */
  --superficie:    #ffffff;  /* REQUERIDO: tarjetas y paneles */
  --superficie-alt:#f2f5f7;  /* gris frío industrial para zonas alternas */
  --tinta:         #0e1418;  /* REQUERIDO: texto principal (near-black frío) */
  --tinta-suave:   #47535b;  /* texto secundario */
  --tinta-tenue:   #8a969d;  /* texto terciario / mute */
  --borde:         #dfe5e9;  /* REQUERIDO: bordes */
  --borde-suave:   #eef1f3;  /* bordes sutiles */

  /* --- Tipografía --- */
  /* REQUERIDO: familia base. Stack de sistema de grotescas (sin cara propia). */
  --fuente:        "Helvetica Neue", Helvetica, Arial, "Segoe UI", system-ui, sans-serif;
  --fuente-titulo: var(--fuente);

  /* --- Funcionales de estado (señal, no identidad) --- */
  --ok:        #2f7d5b;  --ok-bg:       #e6f1ea;
  --atencion:  #b0791e;  --atencion-bg: #f8efdc;
  --error:     #b23b2e;  --error-bg:    #f6e5e1;
  --info:      #0090bc;  --info-bg:     #e1f5fc;   /* info = cian de marca */

  /* --- Forma: radios y sombras (industrial: poco redondeo, sombra sobria) --- */
  --radio-sm: 3px;
  --radio:    6px;
  --radio-lg: 12px;
  --sombra-sm: 0 1px 2px rgba(14, 20, 24, .06);
  --sombra:    0 4px 16px rgba(14, 20, 24, .09);
  --sombra-lg: 0 14px 38px rgba(14, 20, 24, .16);
}