/* Theme Floresta (forest): tokens only. Material: frosted. */
@layer themes {
/* Component tokens: the theme values of hooks that base rules read. */
html[data-theme="forest"],
html[data-theme="forest"] body {
  --comp-chat-bg-orbs-filter: hue-rotate(-95deg);
  --comp-login-bg-orbs-filter: hue-rotate(-95deg);
  --comp-chat-bg-orbs-opacity: 0.4;
  --comp-login-bg-orbs-opacity: 0.4;
}
/* ─── 4. Floresta (Esmeralda & Pinho) ─── */
html[data-theme="forest"] {
  --sys-bg-base: #061510;
  --comp-panel-on-accent: var(--sys-bg-base);
  --sys-bg-raised: #0a1f18;
  --sys-bg-high: #0f2b22;
  --sys-bg-overlay: rgba(12, 36, 28, 0.82);
  --sys-border: rgba(52, 211, 153, 0.16);
  --sys-border-strong: rgba(16, 185, 129, 0.34);
  --sys-surface-shell: linear-gradient(135deg, rgba(12, 38, 29, 0.78), rgba(8, 25, 19, 0.72));
  --sys-surface-plate: linear-gradient(145deg, rgba(14, 43, 33, 0.92), rgba(9, 28, 21, 0.88));
  --sys-surface-control: rgba(16, 49, 37, 0.65);
  --sys-accent: #10b981;
  --sys-accent-strong: #059669;
  --sys-accent-alt: #14b8a6;
  --sys-accent-gradient: linear-gradient(135deg, #059669, #10b981);
  --sys-accent-gradient-hover: linear-gradient(135deg, #047857, #059669);
  --sys-on-surface: #ecfdf5;
  --sys-on-surface-variant: #a7f3d0;
  --sys-on-surface-muted: #6ee7b7;
  --comp-bubble-own-bg: linear-gradient(135deg, rgba(5, 150, 105, 0.28), rgba(20, 184, 166, 0.18));
  --comp-bubble-own-border: rgba(52, 211, 153, 0.38);
  --comp-bubble-other-bg: linear-gradient(135deg, rgba(14, 43, 33, 0.72), rgba(10, 31, 24, 0.62));
  --comp-bubble-other-border: rgba(52, 211, 153, 0.16);
}
}