/* BaeHive Custom Theme & Styling */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #0b101d;
  color: #f8fafc;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* Glassmorphism Panels */
.glass-panel {
  background: rgba(23, 32, 54, 0.75);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-header {
  background: rgba(11, 16, 29, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-nav {
  background: rgba(11, 16, 29, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Dynamic Themes */
/* Bee - Honey Yellow Theme */
.theme-yellow {
  --primary-color: #f59e0b;
  --primary-gradient: linear-gradient(135deg, #d97706, #f59e0b);
  --primary-glow: rgba(245, 158, 11, 0.25);
  --primary-bg-light: rgba(245, 158, 11, 0.12);
  --primary-border: rgba(245, 158, 11, 0.3);
  --primary-text: #fbbf24;
}

/* Lily - Baby Pink Theme */
.theme-pink {
  --primary-color: #f43f5e;
  --primary-gradient: linear-gradient(135deg, #e11d48, #f43f5e);
  --primary-glow: rgba(244, 63, 94, 0.25);
  --primary-bg-light: rgba(244, 63, 94, 0.12);
  --primary-border: rgba(244, 63, 94, 0.3);
  --primary-text: #fda4af;
}

/* Sheesh - Royal Purple Theme */
.theme-purple {
  --primary-color: #8b5cf6;
  --primary-gradient: linear-gradient(135deg, #7c3aed, #8b5cf6);
  --primary-glow: rgba(139, 92, 246, 0.25);
  --primary-bg-light: rgba(139, 92, 246, 0.12);
  --primary-border: rgba(139, 92, 246, 0.3);
  --primary-text: #c084fc;
}

/* Emerald Green Theme */
.theme-green {
  --primary-color: #10b981;
  --primary-gradient: linear-gradient(135deg, #059669, #10b981);
  --primary-glow: rgba(16, 185, 129, 0.25);
  --primary-bg-light: rgba(16, 185, 129, 0.12);
  --primary-border: rgba(16, 185, 129, 0.3);
  --primary-text: #34d399;
}

/* Ocean Blue Theme */
.theme-blue {
  --primary-color: #06b6d4;
  --primary-gradient: linear-gradient(135deg, #0284c7, #06b6d4);
  --primary-glow: rgba(6, 182, 212, 0.25);
  --primary-bg-light: rgba(6, 182, 212, 0.12);
  --primary-border: rgba(6, 182, 212, 0.3);
  --primary-text: #38bdf8;
}

/* Sunset Rose Theme */
.theme-rose {
  --primary-color: #f43f5e;
  --primary-gradient: linear-gradient(135deg, #e11d48, #fb7185);
  --primary-glow: rgba(244, 63, 94, 0.25);
  --primary-bg-light: rgba(244, 63, 94, 0.12);
  --primary-border: rgba(244, 63, 94, 0.3);
  --primary-text: #fda4af;
}

/* Chat Wallpaper Presets */
.bg-wallpaper-default {
  background-color: #0b101d;
  background-image: none;
}

.bg-wallpaper-honeycomb {
  background-color: #0d1222;
  background-image: radial-gradient(#d97706 0.75px, transparent 0.75px), radial-gradient(#d97706 0.75px, #0d1222 0.75px);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
  background-opacity: 0.15;
}

.bg-wallpaper-stars {
  background-color: #050814;
  background-image: radial-gradient(white 1px, transparent 0);
  background-size: 24px 24px;
  background-opacity: 0.2;
}

.bg-wallpaper-velvet {
  background: linear-gradient(180deg, #0b101d 0%, #171128 50%, #0b101d 100%);
}

.bg-primary-grad {
  background: var(--primary-gradient, linear-gradient(135deg, #e11d48, #f43f5e)) !important;
}

.text-primary-accent {
  color: var(--primary-text, #fda4af) !important;
}

.border-primary-accent {
  border-color: var(--primary-border, rgba(244, 63, 94, 0.3)) !important;
}

.bg-primary-light {
  background-color: var(--primary-bg-light, rgba(244, 63, 94, 0.12)) !important;
}

.shadow-primary-glow {
  box-shadow: 0 10px 25px -5px var(--primary-glow, rgba(244, 63, 94, 0.25)) !important;
}

/* Message Bubbles */
.msg-bubble-me {
  background: var(--primary-gradient, linear-gradient(135deg, #e11d48, #f43f5e));
  border-radius: 18px 18px 4px 18px;
  color: #ffffff;
  box-shadow: 0 4px 12px var(--primary-glow, rgba(244, 63, 94, 0.2));
}

.msg-bubble-them {
  background: #1e293b;
  border-radius: 18px 18px 18px 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
}

/* Auto-expanding textarea styling */
textarea.auto-expand {
  resize: none;
  min-height: 42px;
  max-height: 120px;
  overflow-y: auto;
}

textarea.auto-expand::-webkit-scrollbar {
  width: 4px;
}
textarea.auto-expand::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}