/* ============================================================================
   PLOXION-THEME — ploxion-theme.css (binding visible)
   Applique les tokens du thème actif (--xr-*, fournis par themes.css) aux
   surfaces principales du site, pour que changer de thème se VOIE tout de suite.
   chill-tekk (défaut) = on ne touche RIEN (look actuel intact). Tout AUTRE thème
   reskin. C'est la V1 « commencer à s'en sortir » ; la migration fine (remplacer
   les couleurs en dur par var(--xr-*) partout) viendra par vagues (LEXIQUE-CSS-MAP).
   ============================================================================ */

html:not([data-theme="chill-tekk"]) body {
  background: var(--xr-bg) !important;
  color: var(--xr-text) !important;
  font-family: var(--xr-font) !important;
}
html:not([data-theme="chill-tekk"]) .cyberpunk-body,
html:not([data-theme="chill-tekk"]) .cyberpunk-container,
html:not([data-theme="chill-tekk"]) .cyberpunk-main {
  background: var(--xr-bg) !important;
  color: var(--xr-text) !important;
}
html:not([data-theme="chill-tekk"]) .cyberpunk-header,
html:not([data-theme="chill-tekk"]) .cyber-topbar,
html:not([data-theme="chill-tekk"]) .cyber-sidebar,
html:not([data-theme="chill-tekk"]) .cyberpunk-footer,
html:not([data-theme="chill-tekk"]) .cyberpunk-dashboard,
html:not([data-theme="chill-tekk"]) .desktop-dock,
html:not([data-theme="chill-tekk"]) .mobile-chill-dock,
html:not([data-theme="chill-tekk"]) .wk-card,
html:not([data-theme="chill-tekk"]) .service-card,
html:not([data-theme="chill-tekk"]) .modal-content,
html:not([data-theme="chill-tekk"]) .terminal-body,
html:not([data-theme="chill-tekk"]) .koin,
html:not([data-theme="chill-tekk"]) .ploxion,
html:not([data-theme="chill-tekk"]) .bion {
  background: var(--xr-surface) !important;
  color: var(--xr-text) !important;
  border-color: var(--xr-border) !important;
}
html:not([data-theme="chill-tekk"]) a,
html:not([data-theme="chill-tekk"]) .cyber-button,
html:not([data-theme="chill-tekk"]) .nav-link {
  color: var(--xr-accent) !important;
}
html:not([data-theme="chill-tekk"]) .cyber-button,
html:not([data-theme="chill-tekk"]) .tab-button.active {
  border-color: var(--xr-accent) !important;
}
html:not([data-theme="chill-tekk"]) :is(h1,h2,h3,.cyber-title) {
  color: var(--xr-accent) !important;
}

/* le sélecteur de thème ne s'affiche pas dans les fenêtres (iframe) */
html.is-embedded #xb-theme-switch { display: none !important; }