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

  --c-bg: #080808;
  --c-card: #141414;
  --c-surface: #121212;
  --c-ink: #f3f3f3;
  --c-primary: #39ee00;
  --c-accent-dark: #000000;
  --c-muted: #9a9a9a;
  --c-muted-light: #4a4a4a;
  --c-on-dark-muted: #9a9a9a;
  --c-on-accent-muted: #1c4a00;
  --c-line: #242424;
  --c-up: #39ee00;
  --c-accent-pin: #0a0a0a;
  --c-on-primary: #050505;
  --c-on-accent: #050505;

  --grad-promo: linear-gradient(225deg, #6dff35 0%, #39ee00 45%, #24b300 100%);
  --shadow-card: 0 0 0 1px #1f1f1f;
}

.ticker,
.header,
.mobile-menu__panel {
  background: #000000;
}

.header.is-scrolled {
  border-bottom-color: #1f1f1f;
}

/* --- Логотип: знак + Fast<b>Change</b> --- */
.logo__mark {
  border-radius: 50%;
}

.logo__text {
  font-weight: 600;
}

.logo__text b {
  font-weight: 700;
  color: var(--c-primary);
}

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

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

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

.dir--accent .coin {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.35);
}

.dir--accent .dir__example {
  border-top-color: rgba(0, 0, 0, 0.18);
}

.dir__tag {
  background: rgba(0, 0, 0, 0.12);
}

.dir__tag--muted {
  background: #1f1f1f;
  color: var(--c-muted);
}

.dir--accent .dir__arrow {
  opacity: 0.7;
}

.coin--rub {
  background: #2a2a2a;
}

.calc__result,
.stat__num {
  color: var(--c-primary);
}

.perk__icon {
  background: rgba(57, 238, 0, 0.12);
}

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

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

.btn--light:hover {
  background: #6dff35;
}

.filter-btn {
  border-color: #2a2a2a;
}

.country--featured .country__flag {
  background: rgba(0, 0, 0, 0.12);
}

.country--featured .office {
  border-top-color: rgba(0, 0, 0, 0.15);
}

.office__courier {
  background: rgba(57, 238, 0, 0.12);
}

.country--featured .office__courier {
  background: rgba(0, 0, 0, 0.14);
  color: #050505;
}

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

.xr__facts {
  color: var(--c-muted);
}