/* Фирменный цвет компании — собирается сервером. */
:root {
  --brand-burgundy: #a0662a;
  --brand-signature: #a0662a;
  --signature-hi: color-mix(in srgb, #a0662a 70%, #ffd98a);
  --signature-lo: color-mix(in srgb, #a0662a 50%, #000);
  --signature-on-dark: color-mix(in srgb, #a0662a 85%, #fff);
  --signature-on-dark-hi: color-mix(in srgb, #a0662a 65%, #fff);
  --signature-on-dark-lo: color-mix(in srgb, #a0662a 55%, #000);
  --accent: #a0662a;
  --accent-soft: color-mix(in srgb, #a0662a 12%, #fff);
  --hero-from: #a0662a;
  --hero-to: color-mix(in srgb, #a0662a 45%, #000);
  /* Светлая тема — тёплая нейтральная с оттенком фирменного цвета. */
  --bg: color-mix(in srgb, #a0662a 7%, #f6f3ef);
  --surface-2: color-mix(in srgb, #a0662a 5%, #faf8f5);
  --line: color-mix(in srgb, #a0662a 14%, #e6e0d9);
  /* Приглушённый текст — тёплый и достаточно тёмный для чтения. */
  --muted: color-mix(in srgb, #a0662a 15%, #5f5750);
}
/* Тёмная тема — нейтральная с оттенком фирменного цвета. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: color-mix(in srgb, #a0662a 9%, #14110f);
  --surface: color-mix(in srgb, #a0662a 11%, #1d1916);
  --surface-2: color-mix(in srgb, #a0662a 13%, #25201c);
  --line: color-mix(in srgb, #a0662a 16%, #302a25);
  /* Кнопки — фирменным цветом (белый текст читается), а цветной текст на
     тёмном фоне — светлее (--accent-text), иначе он тонет. */
  --accent: #a0662a;
  --accent-text: color-mix(in srgb, #a0662a 62%, #fff);
  --accent-soft: color-mix(in srgb, #a0662a 28%, #1b1712);
  --muted: color-mix(in srgb, #a0662a 12%, #a0978e);
  --brand-signature: color-mix(in srgb, #a0662a 85%, #fff);
  --signature-hi: color-mix(in srgb, #a0662a 65%, #fff);
  --signature-lo: color-mix(in srgb, #a0662a 50%, #000);
  }
}
:root[data-theme="dark"] {
  --bg: color-mix(in srgb, #a0662a 9%, #14110f);
  --surface: color-mix(in srgb, #a0662a 11%, #1d1916);
  --surface-2: color-mix(in srgb, #a0662a 13%, #25201c);
  --line: color-mix(in srgb, #a0662a 16%, #302a25);
  /* Кнопки — фирменным цветом (белый текст читается), а цветной текст на
     тёмном фоне — светлее (--accent-text), иначе он тонет. */
  --accent: #a0662a;
  --accent-text: color-mix(in srgb, #a0662a 62%, #fff);
  --accent-soft: color-mix(in srgb, #a0662a 28%, #1b1712);
  --muted: color-mix(in srgb, #a0662a 12%, #a0978e);
  --brand-signature: color-mix(in srgb, #a0662a 85%, #fff);
  --signature-hi: color-mix(in srgb, #a0662a 65%, #fff);
  --signature-lo: color-mix(in srgb, #a0662a 50%, #000);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .tabbar__item.is-active { color: var(--accent-text); }
}
:root[data-theme="dark"] .tabbar__item.is-active { color: var(--accent-text); }
/* Экран входа — в тонах компании, а не в серо-синих тонах Line Design. */
.auth {
  background: linear-gradient(165deg, color-mix(in srgb, #a0662a 32%, #1c1612) 0%,
    color-mix(in srgb, #a0662a 14%, #15110d) 45%, #0e0b08 100%);
}