/* Палитра взята с лендинга finwander.com, чтобы справка не выглядела чужой. */
:root {
  --md-primary-fg-color:        #15795d;
  --md-primary-fg-color--light: #1f9e7a;
  --md-primary-fg-color--dark:  #0f5c47;
  --md-accent-fg-color:         #1f9e7a;
  --md-default-bg-color:        #fcfbf7;
  --md-typeset-a-color:         #15795d;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #1f9e7a;
  --md-accent-fg-color:         #2fb98f;
  --md-default-bg-color:        #14181c;
  --md-typeset-a-color:         #4fd0a6;
}

/* Тёплый оттенок фона у шапки в светлой теме — как на лендинге */
.md-header,
.md-tabs {
  background-color: var(--md-primary-fg-color);
}

/* Крупные числа в примерах — чтобы «капитал» читался как на экране телефона */
.money {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

/* Врезки чуть мягче стандартных материаловских */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 10px;
  border-left-width: 3px;
}

/* Скриншоты приложения: узкая колонка по центру, лёгкая рамка */
.md-typeset img.screen {
  display: block;
  margin: 1.6rem auto;
  max-width: 270px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--md-default-fg-color--lightest);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
}

.md-typeset table:not([class]) {
  font-size: 0.78rem;
}