/* Shared tokens — Hub + certs + future tools */
:root, [data-theme="dark"] {
  --bg: #0b1020;
  --panel: #121a2f;
  --panel-2: #182238;
  --card: #121a2f;
  --border: #243056;
  --text: #e8eefc;
  --muted: #9aa8c7;
  --accent: #5b8cff;
  --accent-2: #3dd6c6;
  --warn: #f0b429;
  --good: #3ecf8e;
  --bad: #f87171;
  --radius: 14px;
  --header-bg: rgba(11,16,32,.82);
}
[data-theme="light"] {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-2: #eef2f8;
  --card: #ffffff;
  --border: #d5dee9;
  --text: #0f172a;
  --muted: #5b6b82;
  --accent: #2563eb;
  --accent-2: #0d9488;
  --warn: #b45309;
  --good: #047857;
  --bad: #b91c1c;
  --header-bg: rgba(244,247,251,.86);
}
html, body { background: var(--bg); color: var(--text); }
.theme-switch { display:flex; gap:6px; align-items:center; }
.theme-switch button {
  font: inherit; font-size:12px; padding:4px 8px; border-radius:8px;
  border:1px solid var(--border); background: var(--panel-2); color: var(--text); cursor:pointer;
}
.theme-switch button[aria-pressed="true"] {
  border-color: var(--accent); background: var(--accent); color: #041018;
}