/* The original NEXO preset keeps each legacy rule's literal paint fallback.
   Supply its blue/violet palette only to redesigned surfaces whose new defaults
   were neutral. Geometry, motion, other presets and personal profile colors stay
   independent. Reference: packaged Desktop 0.1.4, 2026-10-01. */
:root[data-theme="nexo"] :is(.settings-popover,.appearance-editor,.avatar-editor,.stream-participants-panel,.social-panel,.social-call-host,.chat-hub,.people-context-panel,.social-settings-popover,.social-menu,.social-mute-submenu,.nexo-home,.call-rail,.participant-grid .participant,.participant-voice-menu,.latency-control,.social-activity,.room-panel-content,.room-settings-content,.create-room-dialog,.leadership-confirm,.home-join-dialog,.home-settings,.desktop-source-picker,.desktop-audio-config-dialog,.active-share-options,.active-audio-apps,.remote-control-request,.remote-control-host,.remote-control-island,.remote-control-settings,.remote-control-volume,.remote-control-priority) {
  --theme-surface-base-rgb:9,14,25;
  --theme-surface-base:#090e19;
  --theme-surface-card-rgb:17,25,42;
  --theme-surface-card:#11192a;
  --theme-surface-elevated-rgb:16,27,47;
  --theme-surface-elevated:#101b2f;
  --theme-surface-interactive-rgb:20,29,49;
  --theme-surface-interactive:#141d31;
  --theme-surface-hover-rgb:37,47,81;
  --theme-surface-hover:#252f51;
  --theme-surface-pressed:#101a2e;
  --theme-input-rgb:13,22,38;
  --theme-input:#0d1626;
  --theme-border-subtle-rgb:109,127,169;
  --theme-border-subtle:#354562;
  --theme-border-strong:#647997;
  --theme-text-primary-rgb:237,243,255;
  --theme-text-primary:#edf3ff;
  --theme-text-secondary:#bdc9df;
  --theme-text-muted:#9baac0;
  --theme-accent-rgb:112,79,255;
  --theme-accent:#7854f7;
  --theme-accent-shadow-rgb:112,79,255;
  --theme-focus:#a296ff;
  --theme-primary:#7658f6;
  --theme-primary-hover:#886aff;
  --theme-on-primary:#f4f3ff;
  --theme-selection-rgb:71,48,166;
}
/* Exact paint values from the published call rail and participant cards. */
:root[data-theme="nexo"] .call-rail {
  border-color:rgba(109,127,169,.15);
  background:linear-gradient(160deg,rgba(16,23,39,.87),rgba(9,14,25,.91));
}
:root[data-theme="nexo"] .call-rail-item:not(:disabled):hover {background:rgba(28,38,64,.64)}
:root[data-theme="nexo"] .call-rail-item.is-active {
  border-color:rgba(112,79,255,.75);
  color:#eeeaff;
  background:linear-gradient(145deg,rgba(71,48,166,.45),rgba(19,27,50,.72));
  box-shadow:inset 0 0 19px rgba(112,79,255,.17);
}
:root[data-theme="nexo"] .call-rail-item.is-active::before {background:#7854f7}
:root[data-theme="nexo"] .participant-grid .participant {
  border-color:rgba(110,128,171,.19);
  background:linear-gradient(145deg,rgba(17,25,42,.96),rgba(9,14,25,.98));
}
:root[data-theme="nexo"] .participant-grid .participant.speaking {
  border-color:color-mix(in srgb,#7854f7 88%,var(--theme-text-primary,#f5f5f7));
  box-shadow:inset 0 0 0 1px rgba(123,85,255,.48),0 0 20px rgba(106,73,242,.11);
}
:root[data-theme="nexo"] .participant-voice-menu {
  border-color:rgba(117,137,189,.46);
  background:linear-gradient(155deg,rgba(23,35,58,.98),rgba(10,18,32,.99));
}
:root[data-theme="nexo"] .participant-voice-slider input {--voice-fill:#8068ff}
:root[data-theme="nexo"] .call-header .latency-button {
  border-color:rgba(119,104,221,.48);background:rgba(20,29,49,.88);
}
:root[data-theme="nexo"] .latency-popover {border-color:rgba(118,101,219,.5);background:#111a2b}
/* Carry the original entry palette into the approved centered home and login. */
:root[data-theme="nexo"]:not(.has-wallpaper) .nexo-home.reference-home {
  background:radial-gradient(circle at 20% 76%,rgba(68,56,198,.21),transparent 31%),radial-gradient(circle at 53% 38%,rgba(53,78,161,.11),transparent 27%),#080d16;
}
:root[data-theme="nexo"] .nexo-home .home-action-primary,
:root[data-theme="nexo"] .nexo-home .reference-entry-card .button-primary {
  color:#f4f3ff;border-color:#6969ff;background:linear-gradient(112deg,#4d61ff,#7658f6);
}
:root[data-theme="nexo"] .nexo-home .home-action-primary:hover,
:root[data-theme="nexo"] .nexo-home .reference-entry-card .button-primary:hover {background:linear-gradient(112deg,#6274ff,#886aff)}
:root[data-theme="nexo"] .nexo-home .home-action-primary small {color:#e2e6ff}
:root[data-theme="nexo"] .nexo-home .reference-entry-card {background:linear-gradient(145deg,rgba(19,28,47,.96),rgba(11,17,30,.98))}
:root[data-theme="nexo"] :is(.reference-home,.call-shell)>.profile-popover.account-user-menu {
  --theme-surface-hover-rgb:48,64,101;
  --theme-surface-elevated:#101b2f;
  border-color:rgba(109,127,169,.34);
  background:linear-gradient(160deg,rgba(20,30,50,.98),rgba(10,16,29,.99));
}
:root[data-theme="nexo"] :is(.reference-home,.call-shell) #account-menu.account-menu-trigger {
  border-color:rgba(109,127,169,.34);background:rgba(16,27,47,.7);
}
:root[data-theme="nexo"] :is(.reference-home,.call-shell) #account-menu.account-menu-trigger:is(:hover,[aria-expanded="true"]) {
  border-color:rgba(112,79,255,.6);background:rgba(32,42,77,.85);
}
/* This surface was neutral slate, not pure black, in the original preset. */
:root[data-theme="nexo"] .social-activity {background:#101216}
:root[data-theme="nexo"] .participant-grid .participant:hover {border-color:rgba(128,105,255,.7)}
:root[data-theme="nexo"] .participant-grid .participant:has(.participant-more-button[aria-expanded=true]) {border-color:#a296ff}
:root[data-theme="nexo"] .call-header .latency-button:hover {border-color:#a296ff;background:#252f51}
