/* ═══════════════════════════════════════════════════════════════
   theme-bridge.css — Maps legacy theme.css variable names to
   tokens.css equivalents.  Load AFTER tokens.css.
   chat.css and all other CSS that reference the old names
   continue working with zero changes.
   ═══════════════════════════════════════════════════════════════ */

:root,
[data-mode="dark"] {
  --bg-primary:      var(--sur);
  --bg-secondary:    var(--sur);
  --bg-tertiary:     var(--sur2);
  --bg-actbar:       var(--bg);
  --text-primary:    var(--t1);
  --text-secondary:  var(--t2);
  --text-muted:      var(--t3);
  --accent:          var(--p);
  --accent-hover:    var(--p-hover);
  --border-color:    var(--bd);
  --border:          var(--bd);
  /* --hover / --active as semi-transparent primary overlays */
  --hover:           rgba(96, 165, 250, 0.10);
  --active:          rgba(96, 165, 250, 0.20);
  /* --accent-rgb used raw in rgba() calls inside chat.css */
  --accent-rgb:      96, 165, 250;
  /* Extra aliases referenced across the codebase */
  --bg-hover:        var(--sur2);
  --inp-bg:          var(--sur2);
  --code-bg:         var(--sur2);
  --danger:          var(--err);
  --error-color:     var(--err);
  --warning:         var(--warn);
  --success:         var(--ok);
}

[data-mode="light"] {
  --bg-primary:      var(--sur);
  --bg-secondary:    var(--sur);
  --bg-tertiary:     var(--sur2);
  --bg-actbar:       var(--bg);
  --text-primary:    var(--t1);
  --text-secondary:  var(--t2);
  --text-muted:      var(--t3);
  --accent:          var(--p);
  --accent-hover:    var(--p-hover);
  --border-color:    var(--bd);
  --border:          var(--bd);
  --hover:           rgba(30, 64, 175, 0.10);
  --active:          rgba(30, 64, 175, 0.15);
  --accent-rgb:      30, 64, 175;
  --bg-hover:        var(--sur2);
  --inp-bg:          var(--sur2);
  --code-bg:         var(--sur2);
  --danger:          var(--err);
  --error-color:     var(--err);
  --warning:         var(--warn);
  --success:         var(--ok);
}