/* Light theme layer (light-only overrides). */

/* Light theme must be a flat white background (no star sky, no overlays). */
body[data-theme-light="1"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active),
body[data-theme-mode="light"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active),
body[data-theme="gold"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) {
  --bg-0: #fffdf9 !important;
  --bg-1: #fffaf2 !important;
  --app-bg-overlay: rgba(0, 0, 0, 0) !important;
  --app-bg-before-opacity: 0 !important;
  --app-bg-after-a: rgba(0, 0, 0, 0) !important;
  --app-bg-after-c: rgba(0, 0, 0, 0) !important;
  --app-bg-spot-a: rgba(0, 0, 0, 0) !important;
  --app-bg-spot-b: rgba(0, 0, 0, 0) !important;
  --app-bg-spot-a-soft: rgba(0, 0, 0, 0) !important;
  --app-bg-spot-b-soft: rgba(0, 0, 0, 0) !important;
  --app-bg-image: none !important;
  --app-bg-image-size: auto !important;
  background: #fffdf9 !important;
  background-image: none !important;
}

html[data-theme-light="1"],
html[data-theme-mode="light"],
html[data-theme="gold"] {
  background: #fffdf9 !important;
  background-image: none !important;
}

body[data-theme-light="1"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground,
body[data-theme-mode="light"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground,
body[data-theme="gold"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground {
  background: #fffdf9 !important;
  background-image: none !important;
  animation: none !important;
  display: none !important;
}
body[data-theme-light="1"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground::before,
body[data-theme-light="1"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground::after,
body[data-theme-mode="light"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground::before,
body[data-theme-mode="light"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground::after,
body[data-theme="gold"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground::before,
body[data-theme="gold"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground::after {
  opacity: 0 !important;
  background: none !important;
}
body[data-theme-light="1"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground #spaceBackground,
body[data-theme-mode="light"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground #spaceBackground,
body[data-theme="gold"]:not(.onboarding-main):not(.onboarding-active):not(.auth-lock-active) #appGlobalBackground #spaceBackground {
  display: none !important;
  opacity: 0 !important;
}

/* Force the app surface itself to white in light mode (covers any dark body). */
#gptlike-chat[data-theme-light="1"].chat-mode,
#gptlike-chat[data-theme-mode="light"].chat-mode,
#gptlike-chat[data-theme="gold"].chat-mode {
  background: #fffdf9 !important;
  background-image: none !important;
}

/* Light theme: modal backdrops must be white (no black overlay). */
body[data-theme-light="1"]:not(.onboarding-main):not(.auth-lock-active) .style-modal-backdrop,
body[data-theme-light="1"]:not(.onboarding-main):not(.auth-lock-active) .confirm-backdrop,
body[data-theme-mode="light"]:not(.onboarding-main):not(.auth-lock-active) .style-modal-backdrop,
body[data-theme-mode="light"]:not(.onboarding-main):not(.auth-lock-active) .confirm-backdrop,
body[data-theme="gold"]:not(.onboarding-main):not(.auth-lock-active) .style-modal-backdrop,
body[data-theme="gold"]:not(.onboarding-main):not(.auth-lock-active) .confirm-backdrop {
  background: #fffdf9 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}