/* ReelDM brand contract: one visible name, one calm OLED shell across every page. */
:root { --brand-electric: #168cff; --brand-electric-soft: rgba(22,140,255,.16); }

/* The product name is always ReelDM. The domain remains available in real links and legal URLs. */
.brand-tld { display: none !important; }
.brand, .brand-title { color: #f4f4f5; }

/* Contextual headers share the same surface even when their controls differ by workflow. */
:where(.site-header, .navbar-fixed, .topbar, .pro-topbar, .studio-header, .admin-page > header) {
  background: rgba(0,0,0,.82) !important;
  border-bottom: 1px solid rgba(255,255,255,.085) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.14) !important;
}

/* Marketing/legal footers use one quiet OLED treatment; workspace pages stay focused on the task. */
:where(.site-footer, .footer-main, .footer-bar) {
  background: #000 !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  color: #a1a1aa;
}
.footer-main .brand,
.site-footer .brand { color: #f4f4f5; }
.footer-main .footer-bottom,
.site-footer .footer-bottom { border-color: rgba(255,255,255,.1) !important; }
.footer-bar { padding: 28px 24px !important; text-align: center; font-size: 12px; letter-spacing: .01em; }

@media (max-width: 640px) {
  .footer-bar { padding: 24px 16px !important; }
}