/* ─────────────────────────────────────────────────────────────
   Токены. Стальная палитра: нейтральная холодная основа, две
   поверхности (страница и панель), две градации линий, цвета
   состояний. --accent приходит из js/theme.js по выбранной работе.
   ───────────────────────────────────────────────────────────── */

:root {
  --base: #eeeff1;
  --panel: #ffffff;
  --ink: #121722;
  --dim: #5c6472;
  --line: #cfd4dc;
  --line2: #e4e7ec;
  --press: color-mix(in srgb, var(--panel), var(--ink) 5%);
  --solid: var(--panel);
  --shadow: 0 18px 50px rgba(10, 14, 22, .18);
  --pop: 0 10px 30px rgba(10, 14, 22, .16);
  --warn: #a8471c;
  --accent: #2c4ca8;
  --bg: var(--base);

  /* подкраска работ */
  --w1: #2c4ca8;
  --w2: #2a6a44;
  --w3: #78375f;
  --all: #3a4046;

  /* состояния задач */
  --st-waiting: #b4531f;
  --st-active: #1f7a4a;
  --st-next: #2c4ca8;
  --st-parked: #6b7280;
  --st-done: #4f7d66;

  --gut: 18px;
  --font: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display: 'Bricolage Grotesque', var(--font);
  --ease: cubic-bezier(.32, .72, 0, 1);
  color-scheme: light;
}

:root[data-theme='dark'] {
  /* монохромный графит: поверхности без синевы, цвет только у групп и состояний */
  --base: #0a0b0d;
  --panel: #16171a;
  --ink: #e7e7e9;
  --dim: #8b8e94;
  --line: #2b2d32;
  --line2: #1d1f23;
  --press: rgba(255, 255, 255, .05);
  --shadow: 0 18px 50px rgba(0, 0, 0, .6);
  --pop: 0 10px 30px rgba(0, 0, 0, .55);
  --warn: #dda07a;
  --accent: #9aaee8;

  --w1: #9aaee8;
  --w2: #8cc9a3;
  --w3: #d9a6c4;
  --all: #c3c5c9;

  --st-waiting: #dda07a;
  --st-active: #86cba3;
  --st-next: #9aaee8;
  --st-parked: #9a9ea6;
  --st-done: #93bfa6;
  color-scheme: dark;
}

/* --accent зарегистрирован как цвет, чтобы смена группы перетекала плавно —
   и в засветах фона, и в кнопках, — а не перескакивала. */
@property --accent { syntax: '<color>'; inherits: true; initial-value: #2c4ca8; }
:root { transition: --accent .7s ease; }