@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --paper:#E7E4DD; --card:#FBFAF7; --bg2:#F4F2ED;
  --border:#D9D5CC; --border-strong:#B9B3A7; --row:#EAE7E0;
  --ink:#131311; --ink2:#3A3A34; --muted:#6E6D64;
  --accent:#2B49D6; --accent-deep:#1F37A8; --accent-wash:#E4E8FB; --accent-border:#B9C4F4;
  --ok:#1E7A5A; --ok-wash:#E2F0EA; --warn:#A9761B; --warn-wash:#F7EEDC;
  --bad:#B8402C; --bad-wash:#F8E6E2;
  --ch-ig:#C2447A; --ch-tt:#12A5A5; --ch-li:#1B4F8A; --ch-fb:#2B5AA8; --ch-x:#131311; --ch-yt:#B8402C;
  --font-display:'Instrument Serif',Georgia,serif;
  --font-ui:'Public Sans',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --r-sm:4px; --r-md:8px; --r-lg:10px; --r-xl:12px;
  --shadow:0 12px 32px rgba(19,19,17,.14);
}
/* Dark mode = the QLX AI Hub's dark theme (QlxAI frontend/src/styles/themes.scss, --studio-* and sidebar tokens) */
html[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0A0A0F; --card:#16161F; --bg2:#1C1C28;
  --border:rgba(255,255,255,.09); --border-strong:rgba(255,255,255,.16); --row:#1F1F2C;
  --ink:#F4F4F8; --ink2:#B8B8C8; --muted:#7A7A8A;
  --accent:#3B82F6; --accent-deep:#2563EB; --accent-wash:rgba(59,130,246,.16); --accent-border:rgba(59,130,246,.45);
  --ok:#10B981; --ok-wash:rgba(16,185,129,.15); --warn:#F59E0B; --warn-wash:rgba(245,158,11,.15);
  --bad:#EF4444; --bad-wash:rgba(239,68,68,.15); --ch-x:#F4F4F8;
  --font-display:'Inter',system-ui,sans-serif; --font-ui:'Inter',system-ui,sans-serif;
  --shadow:0 12px 32px rgba(0,0,0,.55);
}