/* Цвета статусов задач — подключается последним, перебивает базовые цвета значков. Файлы стилей подключаются в templates/base.html по порядку. */

/* ===== Тона статусов задач: у каждого статуса проекта свой цвет (Status.tone) =====
   Набор цветов: --fg текст, --bg фон значка, --dot точка, --bar заливка полоски, --bar-line её рамка */
.tone-grey   { --fg: #32302c; --bg: #e3e2e0; --dot: #91918e; --bar: #e3e2e0; --bar-line: #c7c6c4; }
.tone-blue   { --fg: #183347; --bg: #d3e5ef; --dot: #337ea9; --bar: #d3e5ef; --bar-line: #9cc3dc; }
.tone-amber  { --fg: #402c1b; --bg: #fdecc8; --dot: #cb912f; --bar: #fdecc8; --bar-line: #ecc77f; }
.tone-green  { --fg: #1c3829; --bg: #dbeddb; --dot: #448361; --bar: #dbeddb; --bar-line: #a6cfa6; }
.tone-red    { --fg: #5d1715; --bg: #ffe2dd; --dot: #d44c47; --bar: #ffe2dd; --bar-line: #f4aea6; }
.tone-purple { --fg: #412454; --bg: #e8deee; --dot: #9065b0; --bar: #e8deee; --bar-line: #c8b2d8; }
.tone-teal   { --fg: #173a35; --bg: #d8ece9; --dot: #3d8c80; --bar: #d8ece9; --bar-line: #9ccdc5; }
.tone-pink   { --fg: #4c2337; --bg: #f5e0e9; --dot: #c14c8a; --bar: #f5e0e9; --bar-line: #e3aac7; }

.badge[class*="tone-"] { background: var(--bg); color: var(--fg); }
.picker-button.status-pill[class*="tone-"],
.picker-button.status-pill.readonly[class*="tone-"] { background: var(--bg); color: var(--fg); }
.column-head .dot[class*="tone-"], .picker-dot[class*="tone-"] { background: var(--dot); }
.hbar-fill[class*="tone-"] { background: var(--dot); }
.gtt-bar[class*="tone-"] { background: var(--bar); border-color: var(--bar-line); color: var(--fg); }
.gtt-bar[class*="tone-"] .gtt-label { color: var(--accent-ink); }
.gtt-swatch[class*="tone-"] { background: var(--bar); border-color: var(--bar-line); }
.tone-swatch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--dot); flex: none; }