/* Anchor Dark Theme
   The core stylesheet owns component structure; this theme supplies the dark base mode. */

.theme-dark {
  --bg-a: #07111f;
  --bg-b: #10233a;
  --surface: #101d2f;
  --text: #ecf4ff;
  --muted: #d1deef;
  --accent: #2dd4bf;
  --accent-2: #3b82f6;
  --danger: #f87171;
  --ok: #34d399;
  --ring: rgba(59, 130, 246, 0.32);
  --heading: #f8fbff;
  --topbar-bg: #091525;
  --topbar-text: #f8fbff;
  --tabbar-bg: rgba(15, 23, 42, 0.78);
  --tab-text: #cad6e5;
  --tab-hover-bg: rgba(59, 130, 246, 0.16);
  --tab-active-bg: rgba(37, 99, 235, 0.34);
  --tab-active-text: #ffffff;
  --footer-bg: #07111f;
  --footer-text: #dce8f7;
}

/* FAQ content follows the site's palette in dark mode. */
.theme-dark .anchor-faq-item,
.theme-dark .anchor-faq-intro {
  background: var(--ui-card-background, var(--surface));
  color: var(--ui-card-text, var(--text));
  border-color: var(--ui-card-border, rgba(195, 210, 232, 0.2));
}

.theme-dark .anchor-faq-question {
  color: var(--heading);
}

.theme-dark .anchor-faq-answer,
.theme-dark .anchor-faq-answer p,
.theme-dark .anchor-faq-answer li,
.theme-dark .anchor-faq-answer div,
.theme-dark .anchor-faq-intro,
.theme-dark .anchor-faq-intro p,
.theme-dark .anchor-faq-intro li,
.theme-dark .anchor-faq-intro div {
  color: var(--ui-card-text, var(--text));
}