/* global.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap');

body {
  background-color: #0A0A0A;
  color: #E0E0E0;
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding-top: 80px; /* For fixed header */
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.02em;
}

.glass-panel {
  background-color: rgba(26, 26, 26, 0.4);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(44, 48, 58, 0.5);
}

.glass-panel-hover:hover {
  background-color: rgba(26, 26, 26, 0.6);
  border-color: rgba(0, 229, 255, 0.3);
  transition: all 0.3s ease;
}

.text-gradient {
  background: linear-gradient(to right, #E0E0E0, #FFFFFF, #E0E0E0);
  -webkit-background-clip: text;
  color: transparent;
}

.text-gradient-accent {
  background: linear-gradient(to right, #00E5FF, #00FF66);
  -webkit-background-clip: text;
  color: transparent;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0A0A0A; }
::-webkit-scrollbar-thumb { background: #2C303A; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #00E5FF; }

/* Chart Area Animation */
@keyframes fadeInData {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeInData 0.8s ease-out forwards;
}

/* Nav Link Hover */
.nav-link {
  color: rgba(224, 224, 224, 0.8);
  transition: color 0.3s ease;
}
.nav-link:hover {
  color: #00E5FF;
}

/* Chat Widget */
#chat-widget {
  transition: all 0.3s ease;
}
.chat-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
}
.chat-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}