/* Planeador de Producción IA · tokens del sistema visual (Fase 2, 11-nov-2026)
 * Fuente de verdad: carriles/marca-personal/marca/IDENTIDAD.md. Un solo lugar: si un color, una medida
 * o un tiempo no está aquí, no existe. Los derivados (-soft, -line, -ink) NO vienen del manual. */
:root{
  /* color · marca */
  --tinta:#14213D;          /* texto y titulares */
  --tinta-2:#4A5468;        /* texto secundario (derivado) */
  --tinta-3:#5F6779;        /* ayudas y metadatos (derivado; AA sobre blanco) */
  --blanco:#FFFFFF;
  --superficie:#F2F4F7;
  --linea:#DDE1E8;          /* bordes (derivado) */
  --amarillo:#FFD337;       /* botón principal, UNO por pantalla */
  --amarillo-press:#F2C200; /* derivado */
  --app:#26318F;            /* acento de la app (apps.ts) */
  --app-soft:#ECEEF8;       /* derivado */
  --app-line:#C8CCEA;       /* derivado */
  /* color · estado (no son de marca) */
  --ok:#1B7A3E;  --ok-soft:#E9F6EE;
  --aviso:#8A5A00; --aviso-soft:#FFF4D6;
  --mal:#B3261E; --mal-soft:#FDECEB;
  /* color · líneas de producción (se reparten en orden; ninguno naranja ni amarillo de marca) */
  --l1:#26318F; --l2:#0F766E; --l3:#7A4FB8; --l4:#5B7A1F; --l5:#2A72A8; --l6:#9C3D6B;

  /* letra · una familia */
  --font:'Archivo',"Segoe UI",-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --ancho-titulo:112%;
  --t-xl:28px; --t-l:22px; --t-m:18px; --t-base:16px; --t-s:14px; --t-xs:12.5px;
  --peso-titulo:800; --peso-fuerte:600; --peso-normal:400;

  /* espacio · base 4 */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px; --e6:32px; --e7:48px;
  --gutter:16px;

  /* forma */
  --r-tarjeta:16px; --r-boton:12px; --r-campo:12px; --r-chip:999px; --r-bloque:8px;
  --toque:48px;             /* mínimo tocable */

  /* sombra */
  --sombra-1:0 1px 2px rgba(20,33,61,.06),0 1px 3px rgba(20,33,61,.08);
  --sombra-2:0 6px 18px rgba(20,33,61,.14);
  --sombra-hoja:0 -8px 30px rgba(20,33,61,.18);

  /* movimiento · entra con rebote corto, sale sin rebote */
  --entra:cubic-bezier(.34,1.56,.64,1);
  --sale:cubic-bezier(.3,0,1,1);
  --suave:cubic-bezier(.2,0,0,1);
  --t-rapido:120ms; --t-normal:250ms; --t-entrada:320ms;
}
@media (prefers-reduced-motion: reduce){
  :root{--t-rapido:0ms;--t-normal:0ms;--t-entrada:0ms}
  *{animation:none !important;transition:none !important}
}