/* Theme 🥂 Virada Dourada (newyear): its tokens, then 4 rule(s) that decorate or still
   target components without a token. Material: frosted. */
@layer themes {
html[data-theme="newyear"],
html[data-theme="newyear"] body {
  --ref-newyear-chat-screen-before-color: #e4c785;
  --ref-newyear-chat-screen-after-color: #bfc9d8;
  --comp-message-sent-glow: drop-shadow(0 0 10px #e4c78555) drop-shadow(0 0 4px #bfc9d833);
  --comp-message-sent-duration: 1800ms;
  --ref-holiday-bg: #0a1323;
  --comp-panel-on-accent: var(--sys-bg-base);
  --ref-holiday-secondary: #152238;
  --ref-holiday-elevated: #21324b;
  --ref-holiday-border: #bfc9d833;
  --ref-holiday-accent: #e4c785;
  --ref-holiday-secondary-accent: #bfc9d8;
  --ref-holiday-text: #f3f4f8;
  --ref-holiday-muted: #bbc6d8;
  --ref-holiday-button: #e4c785;
  --ref-holiday-button-hover: #f4dca5;
  --ref-holiday-button-text: #142037;
  --ref-holiday-own: linear-gradient(135deg, #4c402ed6, #342f31c9);
  --ref-holiday-own-border: #e4c78588;
  --ref-holiday-other: #1c2c46c9;
  --ref-holiday-halo: #e4c78514;
}
html[data-theme="newyear"] :is(#chat-screen, #chat)::before,
html[data-theme="newyear"] :is(#chat-screen, #chat)::after {
  content: '✦  ·  ✧'; position: absolute; top: calc(var(--comp-atmosphere-top) + 8px); left: calc(var(--comp-atmosphere-left) + 12px);
  z-index: -1; pointer-events: none; font: 24px/1.2 Georgia, serif; color: var(--ref-newyear-chat-screen-before-color); opacity: .45; white-space: pre;
}
html[data-theme="newyear"] :is(#chat-screen, #chat)::after { content: '✧  ·  ✦'; left: auto; right: max(12px, calc(100% - var(--comp-atmosphere-left) - var(--comp-atmosphere-width) + 12px)); color: var(--ref-newyear-chat-screen-after-color); }
}