/* ═══════════════════════════════════════════════════════════════
   J-Bot Theme — Indigo (modern glassmorphic, indigo + violet)
   Extracted from index.html :root block 2026-04-21.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Legacy tokens (index.html local styles reference these) ── */
  --primary: #2563EB;
  --primary-hover: #1D4ED8;
  --primary-light: #3B82F6;
  --primary-glow: rgba(37, 99, 235, 0.25);
  --accent: #7C3AED;
  --accent-hover: #6D28D9;
  --accent-light: #8B5CF6;
  --accent-glow: rgba(124, 58, 237, 0.2);

  --bg-body: #07080F;
  --bg-sidebar: #0A0C14;
  --bg-surface: #0D1117;
  --bg-card: #131921;
  --bg-card-hover: #181F2A;
  --bg-input: #161B26;
  --bg-modal: rgba(7, 8, 15, 0.85);

  --border: rgba(37, 99, 235, 0.15);
  --border-strong: rgba(37, 99, 235, 0.3);

  --text: #E8ECF4;
  --text-secondary: #A0AABE;
  --text-muted: #6B7A99;

  --success: #10B981;
  --success-bg: rgba(16, 185, 129, 0.12);
  --warning: #F59E0B;
  --warning-bg: rgba(245, 158, 11, 0.12);
  --danger: #EF4444;
  --danger-bg: rgba(239, 68, 68, 0.12);

  --radius: 10px;
  --radius-lg: 14px;
  --radius-sm: 6px;

  --sidebar-width: 260px;
  --sidebar-collapsed: 68px;
  --topbar-height: 60px;

  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.4);

  /* ── Canonical --jbot-* aliases (consumed by shared components) ── */
  --jbot-bg:          var(--bg-body);
  --jbot-bg-panel:    var(--bg-card);
  --jbot-bg-panel-hi: var(--bg-card-hover);
  --jbot-fg:          var(--text);
  --jbot-fg-dim:      var(--text-secondary);
  --jbot-fg-muted:    var(--text-muted);
  --jbot-fg-bright:   var(--text);
  --jbot-border:      var(--border);
  --jbot-border-hi:   var(--border-strong);
  --jbot-accent:      var(--primary);
  --jbot-accent-hi:   var(--primary-light);
  --jbot-accent-dim:  var(--primary-hover);
  --jbot-accent-glow: var(--primary-glow);
  --jbot-warn:        var(--warning);
  --jbot-alert:       var(--danger);
  --jbot-success:     var(--success);
  --jbot-info:        var(--accent-light);
  --jbot-font-mono:   'JetBrains Mono', 'Share Tech Mono', 'Courier New', monospace;
  --jbot-font-ui:     'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
  --jbot-font-display:'Orbitron', 'Sora', sans-serif;
  --jbot-transition:  var(--transition);
}
