/* Theme variables — light (default) and dark.
 * Per-viewer theme is stored in localStorage; never committed to repo. */

:root {
  --bg: #f8f9fa;
  --card: #ffffff;
  --card-2: #f9fafb;
  --border: #e5e7eb;
  --border-2: #d1d5db;
  --text: #1a1a1a;
  --text-2: #555;
  --text-3: #888;
  --header: #1e2a3a;
  --accent: #2563eb;
  --accent-fg: #ffffff;
  --code: #1e3a6e;
  --hover: #fafbfc;
  --sel: #f0f4ff;
  --hl: #fff176;
  --danger: #b91c1c;
  --danger-bg: #fde8e8;
  --success: #1a7f52;
  --success-bg: #e6f9f0;
  --warn: #b45309;
  --warn-bg: #fef3e2;

  /* User-adjustable preferences (overridden via inline style on :root) */
  --font-size: 14px;
  --ui-radius: 8px;
}

.theme-dark {
  --bg: #0f1117;
  --card: #1a1d27;
  --card-2: #13151f;
  --border: #2a2d3a;
  --border-2: #3a3d4a;
  --text: #e8eaf0;
  --text-2: #9aa0b8;
  --text-3: #6b7280;
  --header: #0d111a;
  --accent: #3b82f6;
  --accent-fg: #ffffff;
  --code: #7bb3f0;
  --hover: #1e2130;
  --sel: #1e2d4a;
  --hl: #5a4e00;
  --danger: #f87171;
  --danger-bg: #3a1a1a;
  --success: #4ade80;
  --success-bg: #052e16;
  --warn: #fbbf24;
  --warn-bg: #3a2800;
}

/* Platform badges (ported from v12) */
.badge-ns   { background:#fef3e2; color:#b45309; }
.badge-pa   { background:#fde8e8; color:#b91c1c; }
.badge-ssl  { background:#e8f5e9; color:#1b5e20; }
.badge-sw   { background:#e8eaf6; color:#283593; }
.badge-wlc  { background:#e0f2fe; color:#0369a1; }
.badge-lnx  { background:#f3f4f6; color:#111827; }
.badge-win  { background:#e0f2fe; color:#075985; }
.badge-aws  { background:#fff7ed; color:#9a3412; }
.badge-wsk  { background:#ecfeff; color:#0e7490; }
.badge-vm   { background:#eef2ff; color:#3730a3; }
.badge-asa  { background:#fef2f2; color:#991b1b; }
.badge-sdx  { background:#fef3e2; color:#b45309; }
.badge-fav  { background:#fdf4ff; color:#7e22ce; }
.badge-hist { background:#f0fdf4; color:#166534; }
.badge-azure{ background:#e0f2fe; color:#075985; }
.badge-ospf { background:#ecfdf5; color:#065f46; }
.badge-bgp  { background:#eff6ff; color:#1e40af; }
.badge-eigrp{ background:#fef2f2; color:#991b1b; }
.badge-mpls { background:#f5f3ff; color:#5b21b6; }
.badge-wifi { background:#ecfeff; color:#0e7490; }
.badge-qos  { background:#fffbeb; color:#92400e; }
.badge-mcast{ background:#fdf4ff; color:#86198f; }
.badge-storage{ background:#f1f5f9; color:#334155; }
.badge-pve  { background:#fff1f2; color:#9f1239; }
.badge-aruba{ background:#fff7ed; color:#9a3412; }
.badge-vxlan{ background:#eef2ff; color:#312e81; }
.badge-ise  { background:#ecfeff; color:#155e75; }

.theme-dark .badge-ns   { background:#3a2800; color:#fbbf24; }
.theme-dark .badge-pa   { background:#3a1a1a; color:#f87171; }
.theme-dark .badge-ssl  { background:#052e16; color:#4ade80; }
.theme-dark .badge-sw   { background:#1a1e3a; color:#a5b4fc; }
.theme-dark .badge-wlc  { background:#0c2d40; color:#38bdf8; }
.theme-dark .badge-lnx  { background:#1f2937; color:#d1d5db; }
.theme-dark .badge-win  { background:#0c2d40; color:#38bdf8; }
.theme-dark .badge-aws  { background:#3a2800; color:#fb923c; }
.theme-dark .badge-wsk  { background:#083344; color:#67e8f9; }
.theme-dark .badge-vm   { background:#1e1b4b; color:#a5b4fc; }
.theme-dark .badge-asa  { background:#3a1a1a; color:#fca5a5; }
.theme-dark .badge-sdx  { background:#3a2800; color:#fbbf24; }
.theme-dark .badge-fav  { background:#2d1a3a; color:#d8b4fe; }
.theme-dark .badge-hist { background:#052e16; color:#4ade80; }
.theme-dark .badge-azure{ background:#0c2d40; color:#38bdf8; }
.theme-dark .badge-ospf { background:#052e16; color:#4ade80; }
.theme-dark .badge-bgp  { background:#1e293b; color:#93c5fd; }
.theme-dark .badge-eigrp{ background:#3a1a1a; color:#fca5a5; }
.theme-dark .badge-mpls { background:#2e1065; color:#c4b5fd; }
.theme-dark .badge-wifi { background:#083344; color:#67e8f9; }
.theme-dark .badge-qos  { background:#3a2800; color:#fbbf24; }
.theme-dark .badge-mcast{ background:#2d1a3a; color:#e879f9; }
.theme-dark .badge-storage{ background:#1f2937; color:#cbd5e1; }
.theme-dark .badge-pve  { background:#3f0a17; color:#fda4af; }
.theme-dark .badge-aruba{ background:#3a2800; color:#fdba74; }
.theme-dark .badge-vxlan{ background:#1e1b4b; color:#a5b4fc; }
.theme-dark .badge-ise  { background:#083344; color:#67e8f9; }

/* Command-type badges */
.tb-show            { background:#e0f2fe; color:#0369a1; }
.tb-troubleshooting { background:#fef3e2; color:#b45309; }
.tb-config          { background:#dcfce7; color:#166534; }
.theme-dark .tb-show            { background:#0c2d40; color:#38bdf8; }
.theme-dark .tb-troubleshooting { background:#3a2800; color:#fbbf24; }
.theme-dark .tb-config          { background:#052e16; color:#4ade80; }