:root {
    --bg-body: #F8FAFC;
    --card-bg: #FFFFFF;
    --border-color: #E5E7EB;
    --primary-color: #2563eb;
    --safe-area-bottom: env(safe-area-inset-bottom);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-body);
    color: #111827;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 1.5;
    -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.animate-fade-in { animation: fade-in 0.3s ease-out forwards; }
@keyframes fade-in { 
    from { opacity: 0; transform: translateY(4px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.pb-safe { padding-bottom: calc(60px + var(--safe-area-bottom)); }

/* Mobile Menu Animation */
.mobile-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease-out;
}
.mobile-menu.open {
    transform: translateX(0);
}