/* ═══════════════════════════════════════════════════════════════════════
   Tokens. Nada de color, espacio ni tipografía se escribe suelto en el
   resto del CSS: todo sale de acá.

   Dark permanente a propósito. Esto es una terminal de trading, no un sitio.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* ── superficies ──────────────────────────────────────────────────────
     Cuatro escalones de negro. El fondo es casi negro real para que los
     números tengan el máximo contraste posible sin llegar a vibrar. */
  --fondo:          #08090b;
  --superficie:     #0e1014;
  --superficie-2:   #13161b;
  --superficie-3:   #191d24;
  --hover:          #1b1f27;
  --hundido:        #050607;

  /* ── bordes: sutiles, nunca protagonistas ───────────────────────────── */
  --borde:          #1c2128;
  --borde-fuerte:   #272d37;
  --borde-suave:    #14181e;

  /* ── texto ─────────────────────────────────────────────────────────── */
  --txt:            #e7eaee;
  --txt-2:          #949ba6;
  --txt-3:          #616874;
  --txt-4:          #454b55;

  /* ── estado ────────────────────────────────────────────────────────────
     Verde y rojo validados para daltonismo: ΔE 12,4 en deuteranopía (el par
     verde/rojo habitual da 7,9 y es indistinguible). Igual NUNCA se usa el
     color solo: cada número lleva su signo + o −, que es el canal que de
     verdad se lee. */
  --verde:          #26d97f;
  --verde-tenue:    rgba(38, 217, 127, .12);
  --verde-borde:    rgba(38, 217, 127, .28);

  --rojo:           #f2405d;
  --rojo-tenue:     rgba(242, 64, 93, .12);
  --rojo-borde:     rgba(242, 64, 93, .30);

  --amarillo:       #ffb020;
  --amarillo-tenue: rgba(255, 176, 32, .12);
  --amarillo-borde: rgba(255, 176, 32, .28);

  /* Violeta: SOLO interacción secundaria (foco, selección, links). Nunca
     para datos — si apareciera en un número competiría con verde y rojo. */
  --acento:         #7c8cff;
  --acento-tenue:   rgba(124, 140, 255, .12);
  --acento-borde:   rgba(124, 140, 255, .35);

  /* ── tipografía ───────────────────────────────────────────────────────
     Inter y JetBrains Mono si están instaladas; si no, la mejor del sistema.
     Sin CDN: el bot tiene que andar sin internet. */
  --fuente: Inter, "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI",
            Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "JetBrains Mono", "SF Mono", ui-monospace, SFMono-Regular, Menlo,
          Consolas, "Liberation Mono", monospace;

  /* Escala compacta: metadata 10, labels 11-12, cuerpo 13, métricas 20-28. */
  --t-10: 10px;
  --t-11: 11px;
  --t-12: 12px;
  --t-13: 13px;
  --t-15: 15px;
  --t-20: 20px;
  --t-26: 26px;
  --t-34: 34px;

  /* ── espaciado ────────────────────────────────────────────────────────
     Denso a propósito: una terminal muestra información, no aire. */
  --e1: 4px;
  --e2: 6px;
  --e3: 8px;
  --e4: 12px;
  --e5: 16px;
  --e6: 24px;
  --e7: 32px;

  --r1: 3px;
  --r2: 5px;
  --r3: 8px;

  /* ── medidas del armazón ─────────────────────────────────────────────- */
  --barra-h: 44px;
  --lateral-w: 190px;
  --lateral-w-min: 52px;
  --cajon-w: 460px;

  /* ── movimiento: 100-200ms, nada que distraiga operando ─────────────── */
  --rapido: 110ms;
  --medio: 170ms;
  --curva: cubic-bezier(.2, .7, .3, 1);

  /* Sombra mínima: solo para lo que flota de verdad (cajón, modal, toast). */
  --sombra: 0 8px 28px rgba(0, 0, 0, .55);

  --z-barra: 40;
  --z-lateral: 45;
  --z-cajon: 60;
  --z-modal: 70;
  --z-toast: 80;
}

@media (prefers-reduced-motion: reduce) {
  :root { --rapido: 0ms; --medio: 0ms; }
}