/* Tokens v2 de modo oscuro: mismas métricas y jerarquía operativa. */
:root[data-theme="dark"] {
  --bg: #11141a; --panel: #191d25; --surface: #222733; --surface2: #2a303c;
  --line: #363d4a; --ink: #f1f4f8; --muted: #aab3c1; --ink-faint: #778192; --text2: #b8c0cc;
  --accent: #a78bfa; --accent-hover: #c4b5fd; --accent-ink: #17131f; --accent-dim: rgba(167,139,250,.18);
  --success: #43c89a; --success-dim: rgba(67,200,154,.16); --warning: #f0ad3d; --warning-dim: rgba(240,173,61,.16); --danger: #f07087; --danger-dim: rgba(240,112,135,.16); --red: var(--danger);
  --sb-bg: #151920; --sb-text: #d8dee8; --sb-text-dim: #929cab; --sb-active-bg: rgba(167,139,250,.15); --sb-active-text: #d9ceff; --sb-hover: #202530; --sb-line: var(--line);
  --sb-avatar-bg: var(--accent); --sb-avatar-color: #17131f;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.26); --shadow: 0 6px 16px rgba(0,0,0,.24); --shadow-lg: 0 20px 48px rgba(0,0,0,.42);
}