:root {
  --bg-color: #fff;

  --primary-color: #ff1659;
  --secondary-color: #ccc;

  --primary-button-bg-color: #ff1659;
  --primary-button-color: #fff;
  --primary-button-hover-bg-color: #ff1659;

  --secondary-button-bg-color: #d0cfcf;
  --secondary-button-color: #fff;
  --secondary-button-hover-bg-color: #aaaaaa;

  --border-primary-color: #a7a7a7;
  --border-secondary-color: #ddd;

  --toggle-button-primary-color: #ff1659;
  --toggle-button-secondary-color: #ccc;

  --sidebar-item-bg-color: transparent;
  --sidebar-item-color: #fff;

  --sidebar-selected-item-bg-color: #fff;
  --sidebar-selected-item-color: #ff1659;

  --sidebar-item-hover-bg-color: rgba(225, 225, 225, 0.5);
  --sidebar-item-hover-color: #fff;

  --recording-play-button-color: #ff1659;
  --recording-stop-button-color: #b30000;

  --edit-button-color: #0078aa;
  --delete-button-color: #b41d1d;
}