/*
 * Light shell polish — syncs bundle CSS vars, disables dark legacy layers on neutral skin.
 * Catppuccin Latte tokens from yal-theme-palette.css
 */

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) {
  --bg: var(--yal-skin-bg);
  --panel: var(--yal-skin-panel-solid);
  --border: var(--yal-skin-border);
  --text: var(--yal-skin-text);
  --muted: var(--yal-skin-muted);
  --blue: var(--yal-skin-accent);
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body.yal-has-shell,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body:has(.x-shell) {
  background: var(--yal-skin-bg) !important;
  color: var(--yal-skin-text) !important;
}

/* Remove dark ambient layers on light neutral shell */
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body.yal-has-shell::before,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body:has(.x-shell)::before,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body.yal-has-shell::after,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body:has(.x-shell)::after {
  display: none !important;
  content: none !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-shell {
  background: transparent;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-left {
  background: var(--yal-skin-nav-bg) !important;
  border-right: 1px solid var(--yal-skin-border) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-center {
  background: var(--yal-skin-bg) !important;
  border-left: 1px solid var(--yal-skin-border) !important;
  border-right: 1px solid var(--yal-skin-border) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-right {
  background: var(--yal-skin-bg) !important;
  border-left: none !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-right > .x-panel {
  background: var(--yal-skin-panel-solid) !important;
  border: 1px solid var(--yal-skin-border) !important;
  border-radius: 16px;
  box-shadow: var(--yal-skin-shadow);
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) #yi-live-panel {
  background: var(--yal-skin-panel-solid) !important;
  border: 1px solid var(--yal-skin-border) !important;
  color: var(--yal-skin-text) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) #yi-live-panel .yi-panel-head,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) #yi-live-panel .yi-live-item {
  color: var(--yal-skin-text) !important;
  border-color: var(--yal-skin-border) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) #yi-live-panel .yi-live-item:hover {
  background: var(--yal-skin-nav-hover) !important;
}

/* Universe / explore dark glass → light surfaces */
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body.yal-has-shell .yal-explore-body,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body.yal-has-shell .x-share-modal .x-share-body,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body.yal-has-shell .x-profile-body,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) body.yal-has-shell .x-notif-list {
  background: var(--yal-skin-bg) !important;
  color: var(--yal-skin-text) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-post-header strong,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-post-text,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-post-text a {
  color: var(--yal-skin-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--yal-skin-text) !important;
  filter: none !important;
  animation: none !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-post-text a {
  color: var(--yal-skin-accent) !important;
  -webkit-text-fill-color: var(--yal-skin-accent) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-stat-btn,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-stat-btn svg {
  color: var(--yal-skin-muted) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .yal-universe-audio-shell,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .yal-x-media-frame {
  background: var(--yal-skin-panel-solid) !important;
  border-color: var(--yal-skin-border) !important;
  box-shadow: var(--yal-skin-shadow) !important;
  color: var(--yal-skin-text) !important;
}

/* Post menus on light */
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-post-menu,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .yal-reply-menu.open {
  background: var(--yal-skin-panel-solid) !important;
  border: 1px solid var(--yal-skin-border) !important;
  box-shadow: var(--yal-skin-shadow) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-post-menu button,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .yal-reply-menu button {
  color: var(--yal-skin-text) !important;
}

html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .x-post-menu button:hover,
html[data-yal-theme="light"]:not([data-yal-skin="monica"]):not([data-yal-skin="spaces"]) .yal-reply-menu button:hover {
  background: var(--yal-skin-nav-hover) !important;
}

/* Spaces isweet — always own dark UI; never inherit light shell resets */
html[data-yal-skin="spaces"] #yi-live-dock-root,
html[data-yal-skin="spaces"] #yi-live-overlay,
html[data-yal-skin="spaces"] #yi-spaces-root,
html[data-yal-skin="spaces"] .yi-spaces-tab-panel,
body.yi-in-space #yi-live-dock-root,
body.yi-in-space #yi-live-overlay {
  color-scheme: dark;
}