:root {
  --abyss:   #061421;  /* fondo bajo la línea de flotación */
  --deep:    #0B2233;  /* paneles sobre fondo oscuro */
  --current: #16364B;  /* bordes, separadores, estados hover en oscuro */
  --surface: #ECF2F4;  /* fondo sobre la línea de flotación */
  --ink:     #0A1A26;  /* texto sobre claro */
  --frost:   #E4EEF2;  /* texto sobre oscuro */
  --mute:    #7F99A8;  /* texto secundario en ambos fondos */
  --mute-light: #5B7584; /* texto secundario en contexto claro para contraste AA */
  --glacier: #8FC3D6;  /* acento: enlaces, foco, botón principal en oscuro */
  --bid:     #46B98C;  /* SOLO en visualizaciones de datos */
  --ask:     #E06A5F;  /* SOLO en visualizaciones de datos */
  --radius-s: 4px;     /* botones, inputs */
  --radius-m: 10px;    /* paneles */
  --maxw: 1180px;
  --measure: 64ch;
  --font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Modern Design Tokens */
  --bg: #FFFFFF;
  --bg-1: #F6F7F9;
  --surface-2: #ECEFF3;
  --border: rgba(15,23,42,0.08);
  --border-strong: rgba(15,23,42,0.14);
  --ink: #10141C;
  --ink-dim: #4B5468;
  --ink-mute: #636C82;
  --accent: #1C8FD1;
  --accent-ink: #0B6C9E;
  --accent-soft: rgba(28,143,209,0.10);
  --accent-soft-strong: rgba(28,143,209,0.18);
  --bull: #14794D;
  --bear: #D1394E;
  --cta-bg: #10141C;
  --cta-ink: #FFFFFF;
  --container: 1288px;
  --ease: cubic-bezier(.16,1,.3,1);
  --pad: clamp(20px, 5vw, 64px);
  --glass-bg: rgba(255,255,255,.38);
  --glass-bg-strong: rgba(255,255,255,.54);
  --glass-edge: rgba(255,255,255,.92);
  --glass-shadow: 0 26px 52px -26px rgba(15,23,42,.22), 0 2px 10px rgba(15,23,42,.05);
  --glass-blur: blur(22px) saturate(190%) brightness(1.04);
  --glass-blur-strong: blur(36px) saturate(200%) brightness(1.04);
  --gold: #C99A3E;
}