@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: 'Inter', sans-serif;
  background-color: #0b1326;
  color: #dae2fd;
}

h1, h2, h3, .font-headline {
  font-family: 'Manrope', sans-serif;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #060e20;
}
::-webkit-scrollbar-thumb {
  background: #2d3449;
  border-radius: 10px;
}

.kinetic-pulse {
  box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7);
  animation: kineticPulse 2s infinite;
}

@keyframes kineticPulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(245, 158, 11, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
}

.glass-panel {
  background: rgba(45, 52, 73, 0.7);
  backdrop-filter: blur(20px);
}