/* Visual system of /semnal/ on the rest of the Cluj site.
   Copy stays where it is. The Dosar page itself is not restyled here. */

:root {
  --font-display: "Jost", "Futura", system-ui, sans-serif;
  --dosar-bg: #05070b;
  --dosar-fg: #e4e8ee;
  --dosar-fg-2: #aab4c3;
  --dosar-fg-3: #7c8797;
  --dosar-line: rgba(170, 190, 220, 0.14);
  --dosar-line-2: rgba(170, 190, 220, 0.26);
  --dosar-cyan: #a9d6f5;
  --dosar-ink: #0b0f17;
}

body {
  background: var(--dosar-bg);
  color: var(--dosar-fg);
}

body.page-feed,
body.page-membership,
body.page-ended,
body.page-account {
  background: var(--dosar-bg);
  color: var(--dosar-fg);
}

body::before,
.signal-detail::before {
  content: "";
  position: fixed;
  left: 50%;
  top: -640px;
  width: 1600px;
  height: 1100px;
  transform: translateX(-50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(
    closest-side,
    rgba(214, 226, 245, 0.42) 0%,
    rgba(150, 172, 210, 0.28) 22%,
    rgba(78, 98, 134, 0.2) 42%,
    transparent 72%
  );
  filter: blur(10px);
}

.signal-detail::before {
  z-index: 1;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 80;
  opacity: 0.06;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  .signal-detail::before {
    filter: none;
  }
}

.feed {
  color: var(--dosar-fg);
}

.feed__panel,
.feed__panel--discovery {
  background: var(--dosar-bg);
}

.feed__chrome {
  z-index: 2;
}

.feed__veil,
.discovery__veil {
  background:
    radial-gradient(closest-side at 50% -10%, rgba(214, 226, 245, 0.28), transparent 68%),
    linear-gradient(
      180deg,
      rgba(5, 7, 11, 0.55) 0%,
      rgba(5, 7, 11, 0.72) 28%,
      rgba(5, 7, 11, 0.88) 58%,
      rgba(5, 7, 11, 0.96) 100%
    );
}

.feed__brand,
.feed__state-brand,
.signal-detail__brand,
.membership__brand,
.ended__brand,
.account__brand,
.auth-window__brand,
.activity-panel__brand {
  font-weight: 400;
  letter-spacing: 0.42em;
  color: #ffffff;
}

.feed__headline,
.signal-detail__headline,
.membership__title,
.ended__title,
.account__title,
.auth-window__title,
.discovery__headline {
  font-weight: 200;
  color: #ffffff;
}

.feed__category,
.signal-detail__category {
  color: var(--dosar-cyan);
  letter-spacing: 0.14em;
}

.feed__community,
.feed__area,
.feed__summary,
.feed__meta,
.feed__visitor,
.feed__pager,
.feed__back,
.signal-detail__status-user {
  color: var(--dosar-fg-2);
}

.feed__summary {
  color: var(--dosar-fg);
}

.feed__back:hover,
.app-nav__item:hover,
.app-nav__item.is-active {
  color: #ffffff;
}

.feed__primary,
.btn--primary {
  background: linear-gradient(180deg, #ffffff, #c9d3e2);
  color: var(--dosar-ink);
  text-transform: none;
  letter-spacing: 0.02em;
  box-shadow: 0 6px 24px rgba(185, 205, 239, 0.25);
}

.feed__primary:hover,
.btn--primary:hover {
  background: linear-gradient(180deg, #ffffff, #d5deea);
}

.feed__secondary,
.btn--secondary {
  background: transparent;
  border: 1px solid var(--dosar-line-2);
  color: var(--dosar-fg);
}

.feed__secondary:hover,
.btn--secondary:hover {
  background: rgba(185, 205, 239, 0.1);
}

.feed__back:focus-visible,
.feed__primary:focus-visible,
.feed__secondary:focus-visible,
.app-nav__item:focus-visible,
.btn:focus-visible,
.signal-detail__close:focus-visible,
#detail-see-too:focus-visible,
.profile-panel__close:focus-visible {
  outline: 2px solid #b9cdef;
  outline-offset: 3px;
}

.app-nav {
  color: var(--dosar-fg);
}

.app-nav__item {
  color: var(--dosar-fg-3);
}

.app-nav__item.is-active {
  background: rgba(185, 205, 239, 0.1);
  box-shadow: inset 0 -2px 0 #dfe7f3;
}

@media (min-width: 721px) {
  .app-nav {
    background: linear-gradient(
      90deg,
      rgba(5, 7, 11, 0.88) 0%,
      rgba(5, 7, 11, 0.4) 72%,
      rgba(5, 7, 11, 0) 100%
    );
  }
}

@media (max-width: 720px) {
  .app-nav {
    background: rgba(5, 7, 11, 0.92);
    border-top: 1px solid var(--dosar-line);
  }
}

.signal-detail {
  color: var(--dosar-fg);
  background: var(--dosar-bg);
}

.signal-detail__chrome {
  z-index: 2;
}

.signal-detail__veil {
  background: linear-gradient(
    180deg,
    rgba(5, 7, 11, 0.78) 0%,
    rgba(5, 7, 11, 0.86) 40%,
    rgba(5, 7, 11, 0.94) 100%
  );
}

.signal-detail__process {
  background: rgba(11, 15, 23, 0.82);
  border: 1px solid var(--dosar-line);
  box-shadow: none;
}

.signal-detail__ci-title,
.signal-detail__ci-result-heading,
.signal-detail__cc-heading {
  font-family: var(--font-display);
  font-weight: 300;
  color: #ffffff;
}

.signal-detail__ai-disclosure,
.signal-detail__civic-case {
  border-top-color: var(--dosar-line);
}

.auth-window__panel,
.profile-panel__sheet,
.activity-panel__sheet,
.invite__panel {
  background: rgba(22, 29, 42, 0.94);
  color: var(--dosar-fg);
  border: 1px solid var(--dosar-line);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.45);
}

.auth-window__close,
.auth-window__title,
.auth-window__brand,
.profile-panel__close,
.membership__title,
.membership__brand,
.membership__price,
.membership__subtitle,
.ended__title,
.ended__brand,
.account__title,
.account__brand {
  color: #ffffff;
}

.auth-window__close,
.membership__label,
.membership__note,
.membership__lead,
.membership__community,
.membership__list,
.ended__lead,
.account__label,
.account__lead,
.account__community,
.account__subtitle,
.account__list,
.account__note {
  color: var(--dosar-fg-2);
}

.feed__state {
  background:
    radial-gradient(closest-side at 50% 0%, rgba(214, 226, 245, 0.22), transparent 70%),
    var(--dosar-bg);
  color: var(--dosar-fg);
}

.feed__live.is-surface {
  background: rgba(11, 15, 23, 0.92);
  color: var(--dosar-fg);
  border: 1px solid var(--dosar-line);
}