/* Дизайн-система BY DOLMATOV — токены (палитра bydolmatov, светлая/тёмная).
   Источник правды — ЭТОТ файл, правим здесь. Описание и правила — design/README.md.
   Происхождение: форк палитры «графит» UI-кита Guru от 12.10.2026; с 23.10.2026 развивается отдельно — из guru не копируем и туда не отдаём. */

[data-palette="bydolmatov"][data-theme="light"],
:root,
[data-palette="bydolmatov"] {
  --bg: #ffffff;
  --surface: #f5f5f5;
  --surface-2: #ebebeb;
  --border: #e0e0e0;
  --border-input: #858585;
  --text: #111111;
  --text-muted: #5c5c5c;
  --text-subtle: #6e6e6e;
  --inverse: #262626;
  --on-inverse: #ffffff;
  --danger: #c62828;
  --on-danger: #ffffff;
  --success: #1e7a3e;
  --warning-bg: #fff4cc;
  --warning-text: #6b4e00;
  --highlight: #ffe135;
  --on-highlight: #111111;
  --accent: #2c2e31;
  --on-accent: #ffffff;
  --accent-soft: #ededed;
  --accent-text: #2c2e31;
  --tone-violet: #7c5cff;
  --tone-violet-soft: #efeaff;
  --tone-violet-text: #5a3ed9;
  --tone-green: #22a35a;
  --tone-green-soft: #e3f5e9;
  --tone-green-text: #16703c;
  --tone-orange: #f96028;
  --tone-orange-soft: #ffedde;
  --tone-orange-text: #a8400d;
  --tone-blue: #0099de;
  --tone-blue-soft: #e0f3ff;
  --tone-blue-text: #00639a;
  --tone-yellow: #ffeb3d;
  --tone-yellow-soft: #fff8d3;
  --tone-yellow-text: #6b4e00;
  --tone-teal: #0aa5a5;
  --tone-teal-soft: #def5f4;
  --tone-teal-text: #0a6b6c;
  --gradient-hero: linear-gradient(90deg, #ffffff 0%, #f5f5f5 100%);
  --gradient-warm: linear-gradient(122deg, #ffffff 0%, #f7f7f7 100%);
  --gradient-accent: linear-gradient(160deg, #2c2e31 0%, #9a9ca0 100%);

  /* ── Фирменные цвета BY DOLMATOV — одинаковы в обеих темах (тёмный блок их не переопределяет) ── */
  --brand-red: #F5333B;                 /* значок «BD», плитка a */
  /* Плитки хаба: градиент круга (from → to) и цвет стрелки (go) */
  --tile-a-from: #F5333B; --tile-a-to: #ff7a5c; --tile-a-go: #F5333B;
  --tile-b-from: #4C6EF5; --tile-b-to: #22C1C3; --tile-b-go: #4C6EF5;
  --tile-c-from: #12b981; --tile-c-to: #0ea5a5; --tile-c-go: #12b981;
  --tile-d-from: #a855f7; --tile-d-to: #6366f1; --tile-d-go: #a855f7;
  --tile-e-from: #f59e0b; --tile-e-to: #ef4444; --tile-e-go: #f59e0b;
  --tile-f-from: #8b5e34; --tile-f-to: #d4a373; --tile-f-go: #8b5e34;
  --tile-g-from: #334155; --tile-g-to: #0f766e; --tile-g-go: #0f766e;
  /* Категории капитала: цвет (графики, точки) и полоса строки (пастель из Google-таблицы) */
  --cat-flow: #12b981;    --cat-flow-band: #c9daf8;
  --cat-growth: #4C6EF5;  --cat-growth-band: #ccffba;
  --cat-passive: #f59e0b; --cat-passive-band: #d9ead3;
  --cat-bets: #a855f7;    --cat-bets-band: #d9d2e9;
  --cat-liab: #ef4444;    --cat-liab-band: #f4cccc;
  --cat-other-band: #eeeeee;            /* полоса новой категории без своего цвета */
  --on-band: #1c1c22;                   /* текст на пастельной полосе */
  /* Графики */
  --chart-fact: #12b981; --chart-plan: #a855f7; --chart-axis: #8a8a8a;
  --chart-up: #12b981; --chart-down: #ef4444; --chart-flat: #9aa0a6; --chart-empty: #c2c7cd; --chart-warn: #f59e0b;
  --drop-indicator: #4C6EF5;            /* линия вставки при перетаскивании */
}

[data-palette="bydolmatov"][data-theme="dark"],
[data-theme="dark"],
.dark {
  --bg: #141414;
  --surface: #1f1f1f;
  --surface-2: #2b2b2b;
  --border: #363636;
  --border-input: #808080;
  --text: #f5f5f5;
  --text-muted: #b3b3b3;
  --text-subtle: #9e9e9e;
  --inverse: #f5f5f5;
  --on-inverse: #111111;
  --danger: #ff6b6b;
  --on-danger: #111111;
  --success: #4cc27a;
  --warning-bg: #3a3000;
  --warning-text: #ffd966;
  --highlight: #ffe135;
  --on-highlight: #111111;
  --accent: #ffe135;
  --on-accent: #111111;
  --accent-soft: #2e2a0f;
  --accent-text: #ffe135;
  --tone-violet: #a991ff;
  --tone-violet-soft: #261f3d;
  --tone-violet-text: #c3b4ff;
  --tone-green: #4cc27a;
  --tone-green-soft: #12301f;
  --tone-green-text: #7fd9a1;
  --tone-orange: #ff8a5c;
  --tone-orange-soft: #3d2214;
  --tone-orange-text: #ffab88;
  --tone-blue: #4cc3f5;
  --tone-blue-soft: #0f2a3a;
  --tone-blue-text: #86d6f8;
  --tone-yellow: #ffeb3d;
  --tone-yellow-soft: #3a3300;
  --tone-yellow-text: #ffec70;
  --tone-teal: #3cc8c8;
  --tone-teal-soft: #0f2e2e;
  --tone-teal-text: #7fdede;
  --gradient-hero: linear-gradient(90deg, #141414 0%, #1f1f1f 100%);
  --gradient-warm: linear-gradient(122deg, #141414 0%, #1a1a1a 100%);
  --gradient-accent: linear-gradient(160deg, #ffe135 0%, #ff9f43 100%);
}