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

body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6;
    -webkit-tap-highlight-color: transparent;
}

/* Hide Scrollbar but allow scroll */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Mobile App Header Gradient */
.app-header {
    background: linear-gradient(to right, #ffe4e6, #e0e7ff);
    /* Pink-100 to Indigo-100 */
}

/* Bottom Nav Active State */
.nav-item.active { color: #3b82f6; }
.nav-item { color: #6b7280; transition: color 0.3s; }

/* Pulse Animation for Calling */
@keyframes pulse-ring {
    0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); }
    100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
.pulse-btn { animation: pulse-ring 2s infinite; }