:root {
    --primary-color: #6366f1; /* Modern Indigo */
    --text-dark: #1e293b;
    --text-muted: #64748b;
    --nav-bg: rgba(255, 255, 255, 0.8);
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--text-dark);
}

/* Bada Logo Styling */
.brand-logo-main {
    max-width: 280px; /* Aap apne hisab se adjust kar sakte hain */
    height: auto;
    transition: transform 0.3s ease;
}

.brand-logo-main:hover {
    transform: scale(1.05);
}

/* Floating Navbar Styling */
.floating-nav {
    background: var(--nav-bg);
    backdrop-filter: blur(10px); /* Glassmorphism */
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 50px;
    width: fit-content; /* Navbar jitna content utni width */
    position: sticky;
    top: 20px;
    z-index: 1000;
}

.floating-nav .nav-link {
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 8px 20px !important;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.floating-nav .nav-link:hover {
    color: var(--primary-color);
    background: rgba(99, 102, 241, 0.08);
}

.floating-nav .nav-link.active {
    color: white !important;
    background: var(--primary-color);
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .brand-logo-main {
        max-width: 180px;
    }
    .floating-nav .nav-link {
        font-size: 0.8rem;
        padding: 6px 12px !important;
    }
}