/* DHAKA HOST custom branding */
:root {
  --color-primary: #00a6f4;
  --color-primary-200: #b8e6fe;
  --color-primary-300: #74d4ff;
  --color-primary-700: #0069a8;
  --color-primary-900: #024a71;
}
html[data-dh-accent="green"] {
  --color-primary: #10b981;
  --color-primary-200: #a7f3d0;
  --color-primary-300: #6ee7b7;
  --color-primary-700: #047857;
  --color-primary-900: #064e3b;
}
html[data-dh-accent="purple"] {
  --color-primary: #6d5dfc;
  --color-primary-200: #ddd6fe;
  --color-primary-300: #c4b5fd;
  --color-primary-700: #5b21b6;
  --color-primary-900: #3b0764;
}
html[data-dh-accent="orange"] {
  --color-primary: #f59e0b;
  --color-primary-200: #fde68a;
  --color-primary-300: #fcd34d;
  --color-primary-700: #b45309;
  --color-primary-900: #78350f;
}
.logo img { max-height: 42px !important; width: auto !important; object-fit: contain; }
.dh-theme-panel {
  position: fixed;
  right: 18px;
  bottom: 78px;
  z-index: 9999;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 40px rgba(2,6,23,.18);
  border: 1px solid rgba(148,163,184,.30);
  backdrop-filter: blur(10px);
}
.dark .dh-theme-panel { background: rgba(15,23,42,.92); border-color: rgba(255,255,255,.12); }
.dh-theme-panel button {
  height: 30px;
  min-width: 30px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  padding: 0 10px;
  border: 1px solid rgba(148,163,184,.45);
  background: #fff;
  color: #0f172a;
  cursor: pointer;
}
.dark .dh-theme-panel button { background: #111827; color: #fff; }
.dh-theme-panel .dh-dot { width: 18px; min-width: 18px; padding: 0; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.18); }
.dh-theme-panel .blue { background:#00a6f4; }
.dh-theme-panel .green { background:#10b981; }
.dh-theme-panel .purple { background:#6d5dfc; }
.dh-theme-panel .orange { background:#f59e0b; }
@media(max-width: 640px) {
  .dh-theme-panel { right: 10px; bottom: 62px; padding: 8px; gap: 5px; }
  .dh-theme-panel button { height: 28px; min-width: 28px; padding: 0 8px; font-size: 11px; }
}