/* TOKENS — sistema de diseño de la empresa de trading (Plan Maestro v1.1 §8). UNA sola fuente de verdad visual.
   Lo usan el Observatorio (panel) y la web pública. Personalidad: instrumento de precisión, sala de máquinas.
   Reglas: base carbón, superficies grises, UN acento frío. Verde y rojo solo para estado y riesgo, nunca decorativos.
   Cifras siempre en monoespaciada y alineadas. Movimiento mínimo y respeta prefers-reduced-motion.
   Nombre comercial: NO aparece aquí ni en ninguna superficie pública hasta la admisión de la solicitud en la OEPM. */
:root {
  /* color · base y superficies */
  --t-fondo: #0C0E12;            /* carbón profundo */
  --t-fondo-2: #10131A;
  --t-superficie: #151922;
  --t-superficie-2: #1B2029;
  --t-superficie-3: #212733;
  --t-linea: #2A303C;
  --t-linea-suave: #1F2530;
  /* color · texto */
  --t-texto: #E9EDF3;
  --t-texto-2: #B7BFCC;
  --t-apagado: #7E8899;
  --t-tenue: #5A6375;
  /* color · el único acento (frío) */
  --t-acento: #6EA8FE;
  --t-acento-2: #A9CBFF;
  --t-acento-tinta: rgba(110, 168, 254, .14);
  --t-neutro: #8E97AB;           /* segundo tono para "lo otro" en gráficos (p. ej. correlación negativa) */
  /* color · estado y riesgo (reservados) */
  --t-ok: #37C48C;
  --t-largo: #37C48C;
  --t-corto: #F0665C;
  --t-aviso: #F2B84B;
  --t-rojo: #FF4D4D;
  --t-halt: #FF4D4D;
  /* tipografía: una de texto muy legible, una monoespaciada para todas las cifras */
  --t-cuerpo: "Manrope", "Inter", "Helvetica Neue", Arial, sans-serif;
  --t-display: "Manrope", "Inter", "Helvetica Neue", Arial, sans-serif;
  --t-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --t-tam-0: .72rem; --t-tam-1: .8rem; --t-tam-2: .9rem; --t-tam-3: 1rem; --t-tam-4: 1.2rem; --t-tam-5: 1.6rem; --t-tam-6: 2.2rem; --t-tam-7: 3rem;
  --t-peso-normal: 400; --t-peso-medio: 500; --t-peso-fuerte: 700;
  --t-interlineado: 1.5;
  /* espacio (escala de 4) */
  --t-e1: 4px; --t-e2: 8px; --t-e3: 12px; --t-e4: 16px; --t-e5: 24px; --t-e6: 32px; --t-e7: 48px; --t-e8: 64px;
  /* forma */
  --t-radio: 10px; --t-radio-s: 6px; --t-radio-l: 16px;
  --t-sombra: 0 12px 32px rgba(0, 0, 0, .40), 0 1px 0 rgba(255, 255, 255, .03) inset;
  --t-sombra-s: 0 4px 12px rgba(0, 0, 0, .30);
  --t-ancho: 1320px;
  /* movimiento */
  --t-transicion: 160ms ease;
  /* estados de agente/robot (mapa único para chips y puntos de latido) */
  --t-estado-ok: var(--t-ok); --t-estado-degraded: var(--t-aviso); --t-estado-unknown: var(--t-apagado); --t-estado-rojo: var(--t-rojo);
}
@media (prefers-reduced-motion: reduce) { :root { --t-transicion: 0ms; } }