/* Тёмная тема. Включается атрибутом data-theme="dark" на <html> (см. theme.js). Все цвета сайта лежат в переменных, поэтому здесь только их тёмные значения и пара точечных поправок. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e8eef8;
  --ink-2: #a3b1c6;
  --paper: #0a111d;
  --surface: #111a2a;
  --line: #24334a;
  --line-strong: #3b4d69;
  --brand: #3d7cf5;
  --brand-rgb: 61, 124, 245;
  --brand-dark: #8fb5ff;   /* текст на мягком синем фоне */
  --brand-hover: #2c67db;
  --brand-soft: #142a52;
  --brand-line: #26467c;
  --amber: #f2b45f;
  --amber-soft: #2a2010;
  --amber-line: #5b4319;
  --up: #4ade80;
  --down: #ff8a80;
  --up-soft: #123322;
  --solid: #2a3c58;
  --solid-hover: #38506f;
  --band: #060b14;
  --row-hover: #16223a;
  --star-off: #4a5b75;
  --placeholder: #71829c;

  /* На тёмном фоне серые тени не читаются вовсе — тут они чёрные и чуть заметнее */
  --shadow-rgb: 0, 0, 0;
  --shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 14px 32px -10px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 28px 60px -16px rgba(0, 0, 0, 0.55);
}
:root[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
:root[data-theme="dark"] .board { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .site-header, :root[data-theme="dark"] .site-footer { background: var(--surface); }
:root[data-theme="dark"] .cookie-banner, :root[data-theme="dark"] .chart-tip { border: 1px solid var(--line-strong); }
:root[data-theme="dark"] .doc-card, :root[data-theme="dark"] .order-card { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02); }
:root[data-theme="dark"] .btn-primary, :root[data-theme="dark"] .btn { color: #fff; }
:root[data-theme="dark"] ::selection { background: #2c67db; color: #fff; }
:root[data-theme="dark"] img[src*="logo-icon"] { filter: brightness(1.15); }
/* Код и QR должны оставаться светлыми: их сканируют */
:root[data-theme="dark"] .deposit-qr, :root[data-theme="dark"] .dz-preview img { background: #fff; }