/* Una sola aplicación, dos identidades visuales. El dominio elige el tema. */
:root[data-brand="clearchannel"] {
  color-scheme: dark;
}

:root[data-brand="admira"] {
  --bg: #05040c;
  --ink: #f2efff;
  --mut: #a69bc8;
  --brand: #7dffd0;
  --accent: #b89cff;
  --good: #7dffd0;
  --warn: #ff8fa8;
  --card: #100c20;
  --card2: #17102c;
  --line: rgba(184, 156, 255, .24);
  color-scheme: dark;
}

:root[data-brand="admira"] body {
  background: #05040c;
}

:root[data-brand="admira"] header {
  background: linear-gradient(to bottom, rgba(5, 4, 12, .97), rgba(19, 10, 35, .72) 76%, transparent);
}

:root[data-brand="admira"] .space {
  background:
    radial-gradient(ellipse at 18% 24%, rgba(125, 255, 208, .10), transparent 40%),
    radial-gradient(ellipse at 78% 66%, rgba(184, 156, 255, .13), transparent 46%),
    radial-gradient(ellipse at 50% 50%, #120a22 0%, #07040e 66%, #020104 100%);
}

:root[data-brand="admira"] .logo,
:root[data-brand="admira"] .eyebrow {
  text-shadow: 0 0 18px rgba(184, 156, 255, .32);
}

:root[data-brand="admira"] .header-circuit-btn,
:root[data-brand="admira"] .nav-cta {
  border-color: rgba(184, 156, 255, .52);
}

.release-signature {
  position: fixed;
  right: 10px;
  bottom: 8px;
  z-index: 8999;
  max-width: min(76vw, 520px);
  overflow: hidden;
  color: var(--mut, #75aab9);
  font: 9px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .035em;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .72;
  pointer-events: none;
}

@media (max-width: 640px) {
  .release-signature {
    right: 7px;
    bottom: 5px;
    max-width: 64vw;
    font-size: 7.5px;
  }
}