.bf-app {
  /* Цвет заднего фона диаграммы / прозрачный */
  --diagram-area-background: transparent;
  /* Цвет сетки диаграммы / #08236B14 */
  --diagram-area-lines: var(--opacity-separator);

  /* Цвет заднего фона узла (в обычном состоянии) / #FFFFFF */
  --diagram-node-background: var(--functional-popup-bg);
  /* Цвет заднего фона треугольника стрелки и крестика на стрелке / #FFFFFF */
  --diagram-connect-background: var(--functional-popup-bg);

  /* Цвет текста названия узла / #000000E0 */
  --diagram-node-text-primary: var(--opacity-text);
  /* Цвет дополнительного текста узла / #09193E73 */
  --diagram-node-text-secondary: var(--opacity-text-secondary);
  /* Цвет текста заметки / #000000E0 */
  --diagram-note-text: var(--opacity-text);

  /* Цвет стрелки / #9197A8 */
  --diagram-arrow: var(--neutral-5);
  /* Цвет стрелки при наведении / #4F9AAB */
  --diagram-arrow-hover: var(--primary-default);

  /* Цвет крестика на стрелке / #4F9AAB */
  --diagram-remove-connection: var(--primary-default);
}