/* BAUART theme — matches Glance (hsl(0 0% 7%) bg, hsl(0 100% 30%) accent) */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  color-scheme: dark;
}

.dark-theme,
._15q3ngn1,
.butter-theme,
._15q3ngn2 {
  /* Surfaces */
  --oq6d070: hsl(0, 0%, 7%);
  --oq6d071: hsl(0, 0%, 9%);
  --oq6d072: hsl(0, 0%, 11%);
  --oq6d073: hsl(0, 0%, 13%);
  --oq6d074: hsl(0, 0%, 88%);
  --oq6d075: hsl(0, 0%, 9%);
  --oq6d076: hsl(0, 0%, 11%);
  --oq6d077: hsl(0, 0%, 13%);
  --oq6d078: hsl(0, 0%, 16%);
  --oq6d079: hsl(0, 0%, 88%);
  --oq6d07a: hsl(0, 0%, 11%);
  --oq6d07b: hsl(0, 0%, 13%);
  --oq6d07c: hsl(0, 0%, 16%);
  --oq6d07d: hsl(0, 0%, 18%);
  --oq6d07e: hsl(0, 0%, 88%);

  /* Primary accent — Glance red */
  --oq6d07f: hsl(0, 100%, 45%);
  --oq6d07g: hsl(0, 100%, 40%);
  --oq6d07h: hsl(0, 100%, 38%);
  --oq6d07i: hsl(0, 100%, 35%);
  --oq6d07j: hsl(0, 60%, 12%);
  --oq6d07k: hsl(0, 70%, 18%);
  --oq6d07l: hsl(0, 80%, 22%);
  --oq6d07m: hsl(0, 90%, 26%);
  --oq6d07n: hsl(0, 100%, 30%);
  --oq6d07o: hsl(0, 100%, 92%);

  /* Text */
  --oq6d07p: hsl(0, 0%, 96%);
  --oq6d07q: hsl(0, 0%, 88%);
  --oq6d07r: hsl(0, 0%, 72%);
  --oq6d07s: hsl(0, 0%, 58%);
  --oq6d07t: hsl(0, 0%, 7%);
  --oq6d07u: hsl(0, 0%, 13%);
  --oq6d07v: hsl(0, 0%, 16%);
  --oq6d07w: hsl(0, 0%, 18%);
  --oq6d07x: hsl(0, 0%, 22%);
  --oq6d07y: hsl(0, 0%, 88%);

  /* Links */
  --tc-link: hsl(0, 85%, 62%);
}

.dark-theme,
.butter-theme {
  --tc-link: hsl(0, 85%, 62%);
}

html,
body#appBody {
  background-color: hsl(0, 0%, 7%);
  font-family: Inter, "InterVariable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Panels — subtle borders like Glance widgets */
.navigation .drawer,
.navigation .sidebar,
.room .room-view,
.room .people-drawer {
  border: 1px solid hsl(0, 5%, 13%);
  border-radius: 0.65rem;
}

.client-container {
  padding: 4px;
  gap: 4px;
  background-color: hsl(0, 0%, 7%);
}

.navigation .drawer,
.navigation .sidebar,
.room .room-view,
.room .people-drawer,
.room-view__sticky {
  background-color: hsl(0, 0%, 9%);
}

/* Element Call iframe overlay */
[data-call-embed-container] {
  background-color: hsl(0, 0%, 7%) !important;
}

[data-call-embed-container] iframe {
  background-color: hsl(0, 0%, 7%) !important;
  color-scheme: dark;
}