/* src/index.css */
:root {
  --color-primary: #13ec5b;
  --color-surface: #1f2937;
  --color-background: #111827;
}
body {
  font-family:
    "Lexend",
    "Pretendard",
    sans-serif;
  background-color: var(--color-background);
  color: #f3f4f6;
}
h1 {
  font-size: 1.75rem;
  font-weight: 700;
}
h2 {
  font-size: 1.5rem;
  font-weight: 600;
}
.large-text {
  font-size: 1.25rem;
}
@keyframes fillBar {
  from {
    width: 0;
  }
  to {
    width: 68%;
  }
}
.xp-fill {
  animation: fillBar 1.5s ease-out forwards;
}
@keyframes pulseNeon {
  0% {
    box-shadow: 0 0 5px #13ec5b, 0 0 20px #13ec5b20;
  }
  50% {
    box-shadow: 0 0 10px #13ec5b, 0 0 30px #13ec5b40;
  }
  100% {
    box-shadow: 0 0 5px #13ec5b, 0 0 20px #13ec5b20;
  }
}
.neon-glow {
  animation: pulseNeon 2s infinite;
}