/* STARDUST_THEME_V3: a visible UI skin, no overlays or pointer interception. */
/* React applies the Fluxer theme to <html>; override the actual theme tokens. */
html:not(.auth-page),
html:not(.auth-page) [data-flx="app.app.app-wrapper.app-container"] {
  --background-primary: #180f29 !important;
  --background-secondary: #150b23 !important;
  --background-secondary-alt: #20112e !important;
  --background-secondary-lighter: #211631 !important;
  --background-tertiary: #0e071a !important;
  --background-floating: #261733 !important;
  --background-accent: #392044 !important;
  --background-textarea: #291a3c !important;
  --background-modifier-hover: rgba(197,115,238,.18) !important;
  --background-modifier-active: rgba(182,90,220,.27) !important;
  --background-modifier-selected: rgba(180,99,228,.29) !important;
  --background-modifier-accent: rgba(242,194,110,.22) !important;
  --text-primary: #fff2fa !important;
  --text-secondary: #d9bedf !important;
  --text-tertiary: #b4a0c5 !important;
  --text-normal: #fff2fa !important;
  --text-muted: #b4a0c5 !important;
  --text-link: #f8cf81 !important;
  --interactive-normal: #d9c0e7 !important;
  --interactive-hover: #fff1fa !important;
  --interactive-active: #f8cf81 !important;
  --channels-default: #ceb6dc !important;
  --header-primary: #fce5b3 !important;
  --header-secondary: #d9bedf !important;
  --brand-500: #9d56c8 !important;
  --brand-560: #8742ad !important;
  --brand-600: #76319f !important;
  --focus-primary: #f8cf81 !important;
}

/* Auth pages are excluded. Keep all existing app positioning and UI events. */
html:not(.auth-page) [data-flx="app.app.app-wrapper.app-container"] {
  background-color: #180f29 !important;
  color: #f7ecfa;
}
html:not(.auth-page) :is(
  [class*="guildsNav"], [class*="GuildSidebar"], [class*="guildsSidebar"],
  [class*="guildList"], [class*="GuildList"], [class*="serverRail"], [class*="ServerRail"]
) {
  background: linear-gradient(180deg, #11081e 0%, #241133 60%, #13091e 100%) !important;
  border-right-color: rgba(248,207,129,.25) !important;
}
html:not(.auth-page) :is(
  [class*="ChannelSidebar"], [class*="channelSidebar"],
  [class*="ChannelsSidebar"], [class*="channelList"], [class*="ChannelList"],
  [class*="PrivateChannelSidebar"], [class*="privateChannelSidebar"]
) {
  background: linear-gradient(160deg, #241233 0%, #1b102b 55%, #160c25 100%) !important;
  border-right-color: rgba(248,207,129,.24) !important;
}
html:not(.auth-page) :is([class*="ChannelHeader"], [class*="channelHeader"], [class*="ChatHeader"], [class*="guildHeader"]) {
  background: linear-gradient(100deg, #32163e 0%, #21132e 65%, #331b46 100%) !important;
  border-bottom: 1px solid rgba(248,207,129,.35) !important;
}
html:not(.auth-page) :is([class*="messagesWrapper"], [class*="messagesArea"], [class*="ChatContent"], [class*="chatContent"], [class*="chatMessages"], [class*="MessageList"]) {
  background-color: #211631 !important;
  background-image: radial-gradient(circle at 18% 24%, rgba(250,211,144,.075) 0 1px, transparent 2px), radial-gradient(circle at 75% 72%, rgba(204,123,252,.09) 0 1px, transparent 2px) !important;
  background-size: 255px 210px, 370px 305px !important;
}
html:not(.auth-page) :is([class*="memberSidebar"], [class*="MemberSidebar"], [class*="membersList"], [class*="MembersList"], [class*="ActiveNow"]) {
  background: #1c102a !important;
  border-left-color: rgba(248,207,129,.22) !important;
}
html:not(.auth-page) :is([class*="guildName"], [class*="GuildName"], [class*="serverName"], [class*="ServerName"], [class*="categoryHeader"], [class*="CategoryHeader"]) {
  color: #f8cf81 !important;
  letter-spacing: .025em;
}
html:not(.auth-page) :is([class*="channelItemSelected"], [class*="ChannelItem"][aria-selected="true"], [aria-current="page"]) {
  background-color: rgba(177,86,222,.30) !important;
  box-shadow: inset 3px 0 #f8cf81 !important;
}
html:not(.auth-page) :is([class*="MessageInputContainer"], [class*="messageInputContainer"], [class*="ChatInput"], [class*="chatInput"], [class*="Composer"]) {
  background: #311b43 !important;
  border-color: rgba(245,196,132,.35) !important;
}
html:not(.auth-page) :is([class*="MessageInputContainer"], [class*="messageInputContainer"], [class*="Composer"]):focus-within {
  border-color: #f8cf81 !important;
}
html:not(.auth-page) :is(button, input, textarea, select) { accent-color: #ad6fe1; }
html:not(.auth-page) :is(button, a, input, textarea, select):focus-visible {
  outline: 2px solid #f8cf81 !important;
  outline-offset: 2px;
}
html:not(.auth-page) ::selection { background: #844bbb; color: white; }