:root {
  --lawa-dark: #03140e;
  --lawa-card: #072418;
  --lawa-emerald: #10b981;
  --lawa-gold: #f59e0b;
}

html {
  scroll-behavior: smooth;
}

body.lawa-body {
  font-family: Inter, system-ui, sans-serif;
  background-color: var(--lawa-dark);
  color: #ecfdf5;
  overflow-x: hidden;
}

.lawa-grid {
  background-image: radial-gradient(rgba(16, 185, 129, 0.07) 1px, transparent 1px);
  background-size: 32px 32px;
}

.glow-effect {
  box-shadow: 0 0 50px -10px rgba(16, 185, 129, 0.15);
}

.card-glow {
  transition:
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.card-glow:hover {
  box-shadow: 0 0 30px rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}

.text-gradient {
  background: linear-gradient(135deg, #10b981 0%, #34d399 50%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.animate-float {
  animation: lawa-float 6s ease-in-out infinite;
}

.animate-pulse-slow {
  animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes lawa-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.lawa-field {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid rgba(6, 78, 59, 0.4);
  background: rgba(0, 0, 0, 0.4);
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: #fff;
}

.lawa-field:focus {
  outline: none;
  border-color: #10b981;
}

#toast.lawa-toast-hidden {
  transform: translateY(8rem);
  opacity: 0;
  pointer-events: none;
}

.admin-bar .lawa-nav {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .lawa-nav {
    top: 46px;
  }
}