/* Canonical approved SocialHeat light/dark design tokens. */
html.sh-pilot {
  --primary:#0B61B4;
  --primary-dark:#084C8D;
  --primary-light:#EBF3FA;
  --primary-bg:#EBF3FA;
  --primary-line:#C2D9ED;
  --primary-rgb:11,97,180;
  --bg-body:#F7F8FA;
  --bg-card:#FFF;
  --bg-sidebar:#FBFCFD;
  --bg-header:#FFF;
  --bg-input:#FFF;
  --bg-subtle:#F5F7F9;
  --bg-hover:#F1F5F9;
  --bg-active:#EBF3FA;
  --text-primary:#0F172A;
  --text-secondary:#334155;
  --text-muted:#64748B;
  --border:#E5E7EB;
  --border-color:#E5E7EB;
  --border-strong:#D1D5DB;
  --sidebar-width:280px;
  --sidebar-collapsed:72px;
  --header-height:70px;
  --success:#17C653;
  --danger:#F8285A;
  --purple:#7239EA;
  --bg:var(--bg-body);
  --surface:var(--bg-card);
  --surface-2:var(--bg-subtle);
  --ink:var(--text-primary);
  --text:var(--text-secondary);
  --muted:var(--text-muted);
  --line:var(--border);
  --line-strong:var(--border-strong);
  --shadow-sm:0 1px 2px rgba(15,23,42,.03);
  --paper:var(--surface);
  --subtle:var(--surface-2);
  --soft:var(--primary-light);
  --primary-border:var(--primary-line)
}
html.sh-pilot[data-theme=dark] {
  --primary:#1B84FF;
  --primary-dark:#4DA0FF;
  --primary-light:#14283F;
  --primary-bg:#14283F;
  --primary-line:#23486E;
  --primary-rgb:27,132,255;
  --bg-body:#0C0E14;
  --bg-card:#15171F;
  --bg-sidebar:#12141C;
  --bg-header:#15171F;
  --bg-input:#15171F;
  --bg-subtle:#1C1F2B;
  --bg-hover:#202533;
  --bg-active:#14283F;
  --text-primary:#F8FAFC;
  --text-secondary:#CBD5E1;
  --text-muted:#94A3B8;
  --border:#252A36;
  --border-color:#252A36;
  --border-strong:#334155
}