/* Витрина BodyLab — токен-слой. Единственный источник цветов, кеглей и метрик. */
:root {
  /* ground */
  --tv-bg: #05070b;
  --tv-bg-glow: #0c1524;
  --tv-panel: rgba(13,22,36,0.72);
  --tv-panel-deep: rgba(9,14,24,0.9);
  --tv-line: #16263c;
  --tv-line-soft: rgba(148,163,184,0.16);
  --tv-slot: rgba(148,163,184,0.07);

  /* text */
  --tv-text: #e8eef5;
  --tv-text-2: #cbd5e1;
  --tv-muted: #94a3b8;
  --tv-muted-2: #64748b;

  /* semantics */
  --tv-idle: #38bdf8;
  --tv-idle-tint: rgba(56,189,248,0.10);
  --tv-idle-line: rgba(56,189,248,0.26);
  --tv-idle-pill: rgba(56,189,248,0.16);
  --tv-warn: #fbbf24;
  --tv-warn-tint: rgba(251,191,36,0.14);
  --tv-warn-line: rgba(251,191,36,0.50);
  --tv-warn-pill: rgba(251,191,36,0.18);
  --tv-crit: #f87171;
  --tv-crit-tint: rgba(248,113,113,0.16);
  --tv-crit-line: rgba(248,113,113,0.55);
  --tv-crit-pill: rgba(248,113,113,0.18);
  --tv-ok: #34d399;
  --tv-ok-tint: rgba(52,211,153,0.16);
  --tv-ok-line: rgba(52,211,153,0.55);
  --tv-ok-pill: rgba(52,211,153,0.18);
  --tv-ok-ink: #06231a;
  --tv-track: rgba(148,163,184,0.12);
  --tv-track-done: rgba(148,163,184,0.40);

  /* type */
  --tv-font-display: 'Barlow Condensed', system-ui, sans-serif;
  --tv-font-body: 'Barlow', system-ui, sans-serif;
  --tv-fs-plate-xl: 86px;
  --tv-fs-plate: 40px;
  --tv-fs-stage: 30px;
  --tv-fs-num-xl: 54px;
  --tv-fs-num: 26px;
  --tv-fs-model: 26px;
  --tv-fs-kpi: 32px;
  --tv-fs-label: 13px;
  --tv-fs-pill: 15px;
  --tv-fs-meta: 16px;

  /* metrics */
  --tv-r-card: 16px;
  --tv-r-tile: 10px;
  --tv-r-chip: 8px;
  --tv-r-pill: 999px;
  --tv-s-1: 3px;
  --tv-s-2: 6px;
  --tv-s-3: 9px;
  --tv-s-4: 12px;
  --tv-s-5: 16px;
  --tv-s-6: 24px;
  --tv-track-h: 7px;

  /* рабочие экраны (компьютер, планшет, телефон): та же гамма, меньшие кегли */
  --tv-fs-plate-ui: 28px;
  --tv-fs-num-ui: 22px;
  --tv-fs-body-ui: 15px;
  --tv-fs-label-ui: 12px;
  --tv-hit: 44px;
  --tv-hit-lg: 52px;

  /* борд задач: типографика списка */
  --tv-fs-b-title: 22px;
  --tv-fs-b-pulse: 26px;
  --tv-fs-b-group: 20px;
  --tv-fs-b-id: 20px;
  --tv-fs-b-quick: 15px;
  --tv-fs-b-count: 16px;
  --tv-fs-b-owner: 18px;

  /* борд задач: мобильная типографика */
  --tv-fs-m-title: 22px;
  --tv-fs-m-pulse: 22px;
  --tv-fs-m-group: 17px;
  --tv-fs-m-id: 18px;
  --tv-fs-m-body: 14px;
  --tv-fs-m-label: 11px;
  --tv-fs-m-micro: 10px;

  --tv-s-0: 3px;
  --tv-s-05: 4px;
  --tv-tabbar: 62px;
}

/* Светлая тема рабочих экранов: те же имена токенов, другие значения. */
[data-theme="light"] {
  --tv-bg: #eef1f5;
  --tv-bg-glow: #ffffff;
  --tv-panel: #ffffff;
  --tv-panel-deep: #f7f9fc;
  --tv-line: #d7dee8;
  --tv-line-soft: rgba(15,23,42,0.14);
  --tv-slot: rgba(15,23,42,0.05);

  --tv-text: #0f172a;
  --tv-text-2: #334155;
  --tv-muted: #475569;
  --tv-muted-2: #708196;

  --tv-idle: #0369a1;
  --tv-idle-tint: rgba(3,105,161,0.07);
  --tv-idle-line: rgba(3,105,161,0.30);
  --tv-idle-pill: rgba(3,105,161,0.12);
  --tv-warn: #b45309;
  --tv-warn-tint: rgba(180,83,9,0.09);
  --tv-warn-line: rgba(180,83,9,0.45);
  --tv-warn-pill: rgba(180,83,9,0.14);
  --tv-crit: #c81e1e;
  --tv-crit-tint: rgba(200,30,30,0.08);
  --tv-crit-line: rgba(200,30,30,0.45);
  --tv-crit-pill: rgba(200,30,30,0.13);
  --tv-ok: #047857;
  --tv-ok-tint: rgba(4,120,87,0.09);
  --tv-ok-line: rgba(4,120,87,0.42);
  --tv-ok-pill: rgba(4,120,87,0.13);
  --tv-ok-ink: #ffffff;
  --tv-track: rgba(15,23,42,0.11);
  --tv-track-done: rgba(15,23,42,0.34);
}