/* Theme Storm (storm): its tokens, then 4 rule(s) that decorate or still
   target components without a token. Material: frosted. */
@layer themes {
html[data-theme="storm"] { color-scheme: dark; }
html[data-theme="storm"],
html[data-theme="storm"] body {
  --ref-storm-webkit-scrollbar-thumb-bg: #8acbff40;
  --comp-message-sent-glow: drop-shadow(0 0 18px #7fbfffc0) drop-shadow(0 0 5px #bfe6ffd0);
  --comp-message-sent-duration: 1000ms;
  --sys-bg-base: #080f26;
  --comp-panel-on-accent: var(--sys-bg-base);
  --sys-bg-raised: #0d1933;
  --sys-bg-high: #142440;
  --sys-bg-overlay: #142440;
  --sys-surface: rgba(14, 27, 51, .52);
  --sys-border: rgba(138, 180, 225, .2);
  --sys-border-strong: rgba(138, 203, 255, .4);
  --sys-surface-hover: rgba(138, 203, 255, .1);
  --sys-surface-shell: linear-gradient(135deg, rgba(18, 34, 62, .68), rgba(10, 21, 44, .58));
  --sys-surface-plate: linear-gradient(145deg, rgba(20, 36, 64, .86), rgba(13, 25, 51, .8));
  --sys-surface-control: rgba(20, 36, 64, .62);
  --sys-elevation-2: inset 0 1px 0 #a5d5ff14, 0 12px 32px #02071550;
  --sys-elevation-1: inset 0 1px 0 #a5d5ff12, 0 3px 10px #02071530;
  --sys-refraction: blur(10px) saturate(115%);
  --sys-refraction-subtle: blur(8px) saturate(115%);
  --sys-accent: #8acbff;
  --sys-accent-strong: #4484d2;
  --sys-accent-alt: #a4b8ff;
  --sys-accent-gradient: linear-gradient(135deg, #295eaa, #394e95);
  --sys-accent-gradient-hover: linear-gradient(135deg, #3470bd, #485da7);
  --sys-on-surface: #e6efff;
  --sys-on-surface-variant: #adbfdb;
  --sys-on-surface-muted: #93a9c8;
  --comp-bubble-own-bg: linear-gradient(135deg, rgba(25, 52, 91, .52), rgba(28, 45, 81, .44));
  --comp-bubble-own-border: #416996;
  --comp-bubble-other-bg: rgba(17, 32, 57, .48);
  --comp-bubble-other-border: #2c4363;
  --ref-theme-accent: #8acbff;
  --ref-theme-own-author: #d5eaff;
  --ref-theme-body-bg: linear-gradient(155deg, #080f26, #101e38);
  --ref-theme-own-bubble: var(--comp-bubble-own-bg);
  --ref-theme-own-border: var(--comp-bubble-own-border);
  --ref-theme-popover-bg: #111f39;
  --liquid-glass-surface: rgba(17, 32, 57, .48);
  --liquid-glass-plate: rgba(17, 31, 57, .82);
  --liquid-glass-control: rgba(20, 36, 64, .62);
  --liquid-glass-border: #2c4363;
  --liquid-glass-border-strong: #416996;
  --liquid-refraction: blur(10px) saturate(115%);
  --vscode-foreground: #e6efff;
  --vscode-editor-foreground: #e6efff;
  --vscode-editor-background: #080f26;
  --vscode-descriptionForeground: #adbfdb;
  --vscode-input-foreground: #e6efff;
  --vscode-input-placeholderForeground: #93a9c8;
  --vscode-focusBorder: #8acbff;
  --comp-message-text-link: #8acbff;
  --vscode-textLink-activeForeground: #c3e4ff;
  --vscode-textBlockQuote-border: #29476b;
  --vscode-button-background: #295eaa;
  --vscode-button-hoverBackground: #3470bd;
  --vscode-button-foreground: #ffffff;
  --vscode-list-hoverBackground: #19345b;
  --vscode-list-activeSelectionForeground: #e6efff;
  --vscode-list-activeSelectionBackground: #244873;
  --vscode-toolbar-hoverBackground: #19345b;
  --vscode-badge-background: #295eaa;
  --vscode-badge-foreground: #ffffff;
  --vscode-menu-background: #111f39;
  --vscode-dropdown-background: #142440;
  color: var(--sys-on-surface);
}
html[data-theme="storm"] ::-webkit-scrollbar-thumb { background: var(--ref-storm-webkit-scrollbar-thumb-bg); }
html[data-theme="storm"] :is(.chat-bg-orbs, .login-bg-orbs) { display: none; }
}