html:root[data-platform='desktop'] body.nova-ready {
  --icon-live: #67d8ff;
  --icon-tools: #bb9cff;
  --icon-studio: #ff91ca;
  --icon-gift: #ffd072;
  --icon-mint: #69e2b7;
  --icon-soft-blue: #a2b7ff;
}

html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button,
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button {
  transition: background-color 120ms ease, color 120ms ease;
}

html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button[data-nova-category='live'] { --icon-color: var(--icon-live); --icon-tint: #67d8ff24; }
html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button[data-nova-category='tools'] { --icon-color: var(--icon-tools); --icon-tint: #bb9cff24; }
html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button[data-nova-category='studio'] { --icon-color: var(--icon-studio); --icon-tint: #ff91ca24; }

html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button svg {
  color: var(--icon-color) !important;
  stroke-width: 1.8px !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button:hover,
html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button.active,
html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button[aria-pressed='true'] {
  background: var(--icon-tint) !important;
  color: var(--nova-text) !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button.active svg,
html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button[aria-pressed='true'] svg {
  filter: drop-shadow(0 0 5px var(--icon-color));
}

html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route] {
  --route-accent: var(--icon-soft-blue);
}

html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='chat'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='radar'] { --route-accent: var(--icon-live); }
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='playbook'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='notes'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='timer'] { --route-accent: var(--icon-tools); }
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='radio'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='giveaway'] { --route-accent: var(--icon-studio); }
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='giftCatalog'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='gifterCalculator'] { --route-accent: var(--icon-gift); }
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='calendar'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='archive'] { --route-accent: var(--icon-soft-blue); }
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='obs'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='settings'],
html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route='about'] { --route-accent: var(--icon-studio); }

html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route] svg {
  color: var(--route-accent) !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route].active {
  box-shadow: inset 2px 0 0 var(--route-accent) !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button[data-nova-route].active svg {
  filter: drop-shadow(0 0 3px var(--route-accent));
}

html:root[data-platform='desktop'] body.nova-ready .nova-search-trigger svg,
html:root[data-platform='desktop'] body.nova-ready #novaEditCreators svg {
  color: var(--icon-tools) !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-context-actions #novaFiltersTrigger svg { color: var(--icon-tools) !important; }
html:root[data-platform='desktop'] body.nova-ready .nova-context-actions #novaReconnect svg { color: var(--icon-mint) !important; }
html:root[data-platform='desktop'] body.nova-ready .nova-context-actions #novaDisconnect svg { color: #ff909e !important; }

html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button[data-filter='chat'] svg,
html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button[data-filter='member'] svg { color: var(--icon-live) !important; }
html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button[data-filter='like'] svg { color: var(--icon-studio) !important; }
html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button[data-filter='gift'] svg,
html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button[data-filter='envelope'] svg { color: var(--icon-gift) !important; }
html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button[data-filter='repost'] svg,
html:root[data-platform='desktop'] body.nova-ready .nova-filter-popover #filtersPanel button[data-filter='share'] svg { color: var(--icon-tools) !important; }

html:root[data-platform='desktop'] body.nova-ready .topbar .settings-index nav button svg {
  display: block;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--icon-tools) !important;
  stroke-width: 1.8px !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar .obs-nav-item svg {
  color: var(--icon-studio) !important;
  stroke-width: 1.8px !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar .obs-nav-item:is([data-obs-type='chat'], [data-obs-type='alerts'], [data-obs-type='emojify']) svg {
  color: var(--icon-live) !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar .obs-nav-item:is([data-obs-type='gift-feed'], [data-obs-type='coin-match'], [data-obs-type='coin-jar']) svg {
  color: var(--icon-gift) !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar .obs-nav-item:is([data-obs-type='goal'], [data-obs-type='win-goal'], [data-obs-type='ranking'], [data-obs-type='top-liker']) svg {
  color: var(--icon-mint) !important;
}

html:root[data-platform='desktop'] body.nova-ready .topbar .obs-nav-item:is([data-obs-type='timer'], [data-obs-type='wheel-of-actions'], [data-obs-type='my-actions'], [data-obs-type='social-media-rotator']) svg {
  color: var(--icon-tools) !important;
}

html:root[data-platform='desktop'] body.nova-ready button:focus-visible {
  outline: 2px solid var(--icon-live) !important;
  outline-offset: -2px !important;
}

@media (prefers-reduced-motion: reduce) {
  html:root[data-platform='desktop'] body.nova-ready .nova-rail-categories > button,
  html:root[data-platform='desktop'] body.nova-ready .nova-context-navigation .round-nav button {
    transition: none;
  }
}