@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --color-brand: #27f17b;
  --color-brand-glow: rgba(39, 241, 123, 0.25);
  --color-brand-dark: #1ea857;
  --color-bg: #080a0d;
  --color-surface: #0f131a;
  --color-card: #141a24;
  --color-border: #1e2633;
  --color-border-light: #2a3649;
  --color-text-muted: #8a99ad;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--color-bg);
  color: #f1f5f9;
  line-height: 1.6;
  padding-bottom: 4.5rem; /* Persistent buffer for sticky WhatsApp bar */
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

.neon-border {
  box-shadow: 0 0 24px -6px rgba(39, 241, 123, 0.22);
}

.neon-text-glow {
  text-shadow: 0 0 14px rgba(39, 241, 123, 0.45);
}

.glass-nav {
  background-color: rgba(8, 10, 13, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 4px #27f17b, 0 0 10px rgba(39, 241, 123, 0.4);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 8px #27f17b, 0 0 18px rgba(39, 241, 123, 0.7);
    transform: scale(1.06);
  }
}

.status-dot-pulse {
  animation: pulse-glow 2s infinite ease-in-out;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #080a0d;
}
::-webkit-scrollbar-thumb {
  background: #1e2633;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #27f17b;
}