/* ==================================================================
   MoneyPort — custom-theme.light.css (финал)
   Белый фон сайта + серые колонки. Акцент #214ECF
   ================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap");

:root{
  --default-font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;

  /* фон сайта (белый) */
  --body-background:#FFFFFF !important;
  --body-text-color:#0B1B2B !important;

  /* фон карточек/колонок */
  --background:#F2F3F7 !important;
  --background-text-color:#0B1B2B !important;

  /* обменные блоки (столбики) */
  --exchange-default-bg:#F2F3F7 !important;
  --exchange-block-bg:#F2F3F7 !important;
  --exchange-input-amount-bg:#FFFFFF !important;

  /* акцент / кнопки — фирменный синий */
  --primary-background:#214ECF !important;
  --primary-text-color:#FFFFFF !important;
  --primary-button-bg-color:#214ECF !important;
  --primary-button-text-color:#FFFFFF !important;

  /* активные элементы списков */
  --menu-active-bg-color:rgba(33,78,207,.10) !important;
  --menu-active-text-color:#0B1B2B !important;

  /* разделители / границы */
  --border-color:#E2E7F0 !important;
  --divider-color:#E8EDF5 !important;
  --input-background:#FFFFFF !important;

  /* футер */
  --footer-background:#0F1B34 !important;
  --footer-text-color:#FFFFFF !important;

  /* радиус и тени */
  --default-border-radius:20px !important;
  --default-box-shadow:0 6px 18px rgba(15,27,52,.06) !important;
}

/* Контейнеры */
body{
  background:var(--body-background) !important;
  color:var(--body-text-color) !important;
}
.section,
.exchange-default,
.exchange-block{
  background:var(--background) !important;
  color:var(--background-text-color) !important;
  border-radius:var(--default-border-radius) !important;
  box-shadow:var(--default-box-shadow) !important;
}
.shell-body{ max-width:unset !important; margin-inline:0 !important; }
.exchange-wrapper{ max-width:1180px !important; margin-inline:auto !important; }

/* Кнопка */
.btn--primary{
  background:var(--primary-button-bg-color) !important;
  color:var(--primary-button-text-color) !important;
  border-radius:30px !important;
  box-shadow:0 6px 14px rgba(33,78,207,.28) !important;
  transition:box-shadow .15s ease, transform .15s ease;
}
.btn--primary:hover{
  box-shadow:0 10px 24px rgba(33,78,207,.36) !important;
  transform:translateY(-1px);
}

/* Поля ввода */
input::placeholder,
textarea::placeholder{ color:#7A889E !important; }

/* Активные строки */
.exchange-item.active > .item-inner,
.bank-item.active > .item-inner,
.systems__item--active > .item-inner,
.currencies__item--active > .item-inner{
  background:var(--menu-active-bg-color) !important;
  color:var(--menu-active-text-color) !important;
  box-shadow:inset 0 0 0 1px rgba(33,78,207,.22) !important;
}
.active > .item-inner{ background:initial !important; color:inherit !important; box-shadow:initial !important; }

/* Футер */
.footer,
.footer-bottom,
.bottom-bar,
.progress-bar{
  background:var(--footer-background) !important;
  color:var(--footer-text-color) !important;
}

/* Доступность */
:where(a,button,[role="button"],input,select,textarea):focus-visible{
  outline:2px solid var(--primary-background);
  outline-offset:2px;
  box-shadow:0 0 0 3px rgba(33,78,207,.18);
}
@media (prefers-reduced-motion:reduce){
  .btn--primary,
  .btn--primary:hover{ transition:none; }
}