@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

* {
  font-family: 'Geist', sans-serif;

  /* Toolbar Buttons */
  --tv-color-toolbar-button-background-hover: #171a1e;
  --tv-color-toolbar-button-background-active: #171a1e;
  --tv-color-toolbar-button-background-active-hover: #171a1e;
  --tv-color-toolbar-button-text: #9ca3af;
  --tv-color-toolbar-button-text-active: #a78bfa;
  --tv-color-toolbar-button-text-active-hover: #a78bfa;
  --tv-color-item-active-text: #a78bfa;

  /* Toggle Buttons like Magnet */
  --tv-color-toolbar-toggle-button-background-active: rgba(124, 58, 237, 0.4);
  --tv-color-toolbar-toggle-button-background-active-hover: #171a1e;

  /* Popups (Dropdowns)  */
  --tv-color-popup-background: #000000;
  --themed-color-bg-primary: #000000;

  /* Toolbar Divider */
  --tv-color-toolbar-divider-background: rgba(150, 141, 165, 0.3);

  /* Custom buttons */
  --themed-color-toolbar-button-text-active: #a78bfa;
}

.tv-floating-toolbar__widget-wrapper {
  border: 1px solid #1f2937;
  display: flex;
}