/* Rules shared by the scene themes (sunny e starry-sky): their common tokens and the
   component rules that have no token yet. Each theme file sets its own palette. */
@layer themes {
/* Component tokens: the theme values of hooks that base rules read. */
html:is([data-theme="sunny"], [data-theme="starry-sky"]),
html:is([data-theme="sunny"], [data-theme="starry-sky"]) body {
  --comp-chat-screen-background: var(--ref-theme-body-bg);
  --comp-theme-scene-display: block;
}
html:is([data-theme="sunny"], [data-theme="starry-sky"]) :is(.chat-bg-orbs, .login-bg-orbs) { display: none; }
html:is([data-theme="sunny"], [data-theme="starry-sky"]) .message.other { background: var(--comp-bubble-other-bg); border-color: var(--comp-bubble-other-border); }
html:is([data-theme="sunny"], [data-theme="starry-sky"]) .message.own > .message-author { color: var(--ref-theme-own-author) !important; }
}