.theme-dark:root {
  --tv-color-platform-background: #121212; /* --color-bg-secondary */
  --tv-color-pane-background: #121212; /* --color-bg-secondary */

  --tv-color-toolbar-button-text: #9C9C9C; /* --color-neutral-2 */
  --tv-color-toolbar-button-text-active: #FFFFFF; /* --color-brand-primary */
  --tv-color-toolbar-button-text-active-hover: #FFFFFF; /* --color-brand-primary */

  --tv-color-toolbar-button-background-hover: #2D2D2D; /* --color-hover */
	--tv-color-toolbar-button-background-expanded: #2A2A2A; /* --color-pressed */
	--tv-color-toolbar-button-background-active: #383838; /* --color-active */
	--tv-color-toolbar-button-background-active-hover: #2D2D2D; /* --color-hover */

  --tv-color-toolbar-toggle-button-background-active: #FFFFFF; /* --color-brand-primary */
  --tv-color-toolbar-toggle-button-background-active-hover: #FFFFFF; /* --color-brand-primary */

  --tv-color-popup-background: #0A0A0A; /* --color-bg-primary */
  --tv-color-popup-element-text: #9C9C9C; /* --color-neutral-2 */
  --tv-color-popup-element-text-hover: #E9E9E9; /* --color-neutral-1 */
  --tv-color-popup-element-secondary-text: #606060; /* --color-neutral-3 */
  --tv-color-popup-element-text-active: #FFFFFF; /* --color-brand-primary */
  --tv-color-popup-element-background-hover: #2D2D2D; /* --color-hover */
  --tv-color-popup-element-background-active: #383838; /* --color-active */
  --tv-color-popup-element-divider-background: #383838; /* --color-active */
}

:root:not(.theme-dark) {
  --tv-color-platform-background: #EAE7DC; /* --color-bg-secondary */
  --tv-color-pane-background: #EAE7DC; /* --color-bg-secondary */

  --tv-color-toolbar-button-text: #7A7870; /* --color-neutral-2 */
  --tv-color-toolbar-button-text-active: #171717; /* --color-brand-primary */
  --tv-color-toolbar-button-text-active-hover: #171717; /* --color-brand-primary */

  --tv-color-toolbar-button-background-hover: #CBC5B3; /* --color-hover */
	--tv-color-toolbar-button-background-expanded: #DBD7C8; /* --color-pressed */
	--tv-color-toolbar-button-background-active: #B7B09E; /* --color-active */
	--tv-color-toolbar-button-background-active-hover: #CBC5B3; /* --color-hover */

  --tv-color-toolbar-toggle-button-background-active: #171717; /* --color-brand-primary */
  --tv-color-toolbar-toggle-button-background-active-hover: #171717; /* --color-brand-primary */

  --tv-color-popup-background: #F7F6F0; /* --color-bg-primary */
  --tv-color-popup-element-text: #7A7870; /* --color-neutral-2 */
  --tv-color-popup-element-text-hover: #171717; /* --color-neutral-1 */
  --tv-color-popup-element-secondary-text: #A5A297; /* --color-neutral-3 */
  --tv-color-popup-element-text-active: #171717; /* --color-brand-primary */
  --tv-color-popup-element-background-hover: #CBC5B3; /* --color-hover */
  --tv-color-popup-element-background-active: #B7B09E; /* --color-active */
  --tv-color-popup-element-divider-background: #B7B09E; /* --color-active */
}