/* Тема «ОбменPRO»: тёмно-синяя, местами чёрная, акцент — голубой из логотипа. */
:root {
  color-scheme: dark;

  --c-bg: #061329;
  --c-card: #0c1f3f;
  --c-surface: #0b1c39;
  --c-ink: #edf3ff;
  --c-primary: #0aa0f8;
  --c-accent-dark: #02070f;
  --c-muted: #8b9fc2;
  --c-muted-light: #4c6590;
  --c-on-dark-muted: #8b9fc2;
  --c-on-accent-muted: #d3ebff;
  --c-line: #182f55;
  --c-accent-pin: #d3ebff;
  --c-on-primary: #ffffff;
  --c-on-accent: #ffffff;

  --grad-promo: linear-gradient(225deg, #22b6ff 0%, #0a8fe6 45%, #0758b8 100%);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* --- Чёрные элементы: бегущая строка, шапка, плашка с услугами, подвал --- */
.ticker {
  background: #000000;
}

.header {
  background: #02070f;
}

.header.is-scrolled {
  border-bottom-color: #13264a;
}

.mobile-menu__panel {
  background: #02070f;
}

.xr__info {
  background: #000000;
  border: 1px solid #13264a;
  color: #ffffff;
}

.footer {
  padding-top: clamp(48px, 5vw, 72px);
  background: #02070f;
}

/* --- Логотип: «ОБМЕН» голубым + белое «PRO» --- */
.logo__img {
  width: auto;
  height: 32px;
}

@media (max-width: 959px) {
  .header__logo .logo__img {
    height: 26px;
  }
}

/* --- Карточки --- */
.section-title {
  font-weight: 600;
}

.dir,
.country,
.calc,
.stat {
  border: 1px solid var(--c-line);
}

.dir--accent,
.country--featured {
  border-color: transparent;
}

.dir__tag--muted {
  background: #13284d;
  color: var(--c-muted);
}

.coin--rub {
  background: #0758b8;
}

.btn--light {
  background: var(--c-primary);
  color: #ffffff;
}

.btn--light:hover {
  background: #33b3ff;
}

.filter-btn {
  border-color: #1d3762;
}

.office__courier {
  background: rgba(10, 160, 248, 0.14);
  color: #6cc8ff;
}

.country--featured .office__courier {
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.perk__icon {
  background: rgba(10, 160, 248, 0.14);
  color: var(--c-primary);
}