/* Theme Sakura (sakura): its tokens, then 12 rule(s) that decorate or still
   target components without a token. Material: paper. */
@layer themes {
html[data-theme="sakura"] { color-scheme: light; }
html[data-theme="sakura"],
html[data-theme="sakura"] body {
  --ref-sakura-chat-header-shadow: 0 3px 18px #71304b12;
  --ref-sakura-message-text-color: #3e2431;
  --ref-sakura-message-action-color: #684655;
  --ref-sakura-message-action-bg: #fff4f8;
  --ref-sakura-message-action-border: #e8cbd7;
  --ref-sakura-reaction-pill-selected-color: #fff;
  --ref-sakura-reaction-pill-selected-bg: #b73865;
  --ref-sakura-reaction-pill-selected-border: #98294f;
  --ref-sakura-message-time-color: #795967;
  --ref-sakura-webkit-scrollbar-thumb-bg: #b7386540;
  --comp-message-sent-glow: drop-shadow(0 0 15px #d96b94c0) drop-shadow(0 0 5px #e9a1bdd0);
  --comp-message-sent-duration: 1400ms;
  --sys-bg-base: #fff5f7;
  --sys-bg-raised: #f8e8ee;
  --sys-bg-high: #f1d6e1;
  --sys-bg-overlay: #fffafc;
  --sys-surface: rgba(255, 250, 252, .52);
  --sys-border: rgba(139, 62, 91, .18);
  --sys-border-strong: rgba(183, 56, 101, .38);
  --sys-surface-hover: rgba(183, 56, 101, .08);
  --sys-surface-shell: linear-gradient(135deg, rgba(255, 250, 252, .68), rgba(250, 229, 237, .58));
  --sys-surface-plate: linear-gradient(145deg, rgba(255, 250, 252, .86), rgba(251, 234, 240, .8));
  --sys-surface-control: rgba(255, 249, 251, .62);
  --sys-elevation-2: inset 0 1px 0 #fff, 0 12px 32px #71304b12;
  --sys-elevation-1: inset 0 1px 0 #fff, 0 3px 10px #71304b0e;
  --sys-refraction: blur(10px) saturate(110%);
  --sys-refraction-subtle: blur(8px) saturate(110%);
  --sys-accent: #b73865;
  --sys-accent-strong: #98294f;
  --sys-accent-alt: #c6537d;
  --sys-accent-gradient: linear-gradient(135deg, #b73865, #98294f);
  --sys-accent-gradient-hover: linear-gradient(135deg, #a02d57, #80223f);
  --sys-on-surface: #3e2431;
  --sys-on-surface-variant: #684655;
  --sys-on-surface-muted: #795967;
  --ref-theme-meta: var(--sys-on-surface-muted);
  --comp-bubble-own-bg: linear-gradient(135deg, rgba(248, 220, 230, .52), rgba(245, 204, 220, .44));
  --comp-bubble-own-border: #d994ae;
  --comp-bubble-other-bg: rgba(255, 252, 253, .48);
  --comp-bubble-other-border: #e8cbd7;
  --sys-status-online: #23734e;
  --sys-status-warning: #946009;
  --sys-status-danger: #be234d;
  --ref-theme-accent: #b73865;
  --ref-theme-own-author: #7e2445;
  --ref-theme-body-bg: linear-gradient(155deg, #fff5f7, #f8e8ee);
  --ref-theme-own-bubble: var(--comp-bubble-own-bg);
  --ref-theme-own-border: var(--comp-bubble-own-border);
  --ref-theme-popover-bg: #fff9fb;
  --liquid-glass-surface: rgba(255, 250, 252, .48);
  --liquid-glass-plate: rgba(255, 249, 251, .82);
  --liquid-glass-control: rgba(255, 244, 248, .62);
  --liquid-glass-border: #e8cbd7;
  --liquid-glass-border-strong: #cc819e;
  --liquid-refraction: blur(10px) saturate(110%);
  --vscode-foreground: #3e2431;
  --vscode-editor-foreground: #3e2431;
  --vscode-editor-background: #fff5f7;
  --vscode-descriptionForeground: #795967;
  --vscode-input-foreground: #3e2431;
  --vscode-input-placeholderForeground: #795967;
  --vscode-focusBorder: #b73865;
  --comp-message-text-link: #a12c57;
  --vscode-textLink-activeForeground: #7e2445;
  --vscode-textBlockQuote-border: #f1d6e1;
  --vscode-button-background: #b73865;
  --vscode-button-hoverBackground: #98294f;
  --vscode-button-foreground: #ffffff;
  --vscode-list-hoverBackground: #f8e0e9;
  --vscode-list-activeSelectionForeground: #7e2445;
  --vscode-list-activeSelectionBackground: #f1ccdc;
  --vscode-toolbar-hoverBackground: #f8e0e9;
  --vscode-badge-background: #b73865;
  --vscode-badge-foreground: #ffffff;
  --vscode-menu-background: #fff9fb;
  --vscode-dropdown-background: #fff9fb;
  color: var(--sys-on-surface);
}
html[data-theme="sakura"] :is(.chat-header, .input-bar) { box-shadow: var(--ref-sakura-chat-header-shadow); }
html[data-theme="sakura"] .message-text,
html[data-theme="sakura"] .message p { color: var(--ref-sakura-message-text-color); }
html[data-theme="sakura"] .message:not(.own) > .message-author,
html[data-theme="sakura"] .message-other .message-user { filter: brightness(.65) saturate(1.15); }
html[data-theme="sakura"] :is(.message-action, .reaction-pill, .message-more > summary) { color: var(--ref-sakura-message-action-color); background: var(--ref-sakura-message-action-bg); border-color: var(--ref-sakura-message-action-border); }
html[data-theme="sakura"] .reaction-pill.selected { color: var(--ref-sakura-reaction-pill-selected-color); background: var(--ref-sakura-reaction-pill-selected-bg); border-color: var(--ref-sakura-reaction-pill-selected-border); }
html[data-theme="sakura"] :is(.message-time, .message-system, .message-viewers, .message time) { color: var(--ref-sakura-message-time-color); }
html[data-theme="sakura"] ::-webkit-scrollbar-thumb { background: var(--ref-sakura-webkit-scrollbar-thumb-bg); }
html[data-theme="sakura"] :is(.chat-bg-orbs, .login-bg-orbs) { display: none; }
}