:root {
    --ewl-primary: #6f2c91;   /* placeholder brand color — swap for your real one */
    --ewl-sidebar-bg: #2b1338;
}

body {
    background-color: #f5f6f8;
}

.sidebar {
    width: 250px;
    min-height: 100vh;
    background-color: var(--ewl-sidebar-bg);
}

.sidebar .nav-link {
    opacity: .85;
    border-radius: .4rem;
}

.sidebar .nav-link:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, .08);
}

.sidebar .nav-link.active {
    opacity: 1;
    background-color: var(--ewl-primary);
}

.main-content {
    min-width: 0; /* allow flex child to shrink instead of overflowing */
}

.btn-primary {
    background-color: var(--ewl-primary);
    border-color: var(--ewl-primary);
}

.btn-primary:hover {
    background-color: #5a2274;
    border-color: #5a2274;
}

/* Mobile: sidebar becomes an off-canvas panel */
@media (max-width: 767.98px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1045;
        transform: translateX(-100%);
        transition: transform .2s ease-in-out;
    }
    .sidebar.show {
        transform: translateX(0);
    }
}

.brand-badge {
    font-size: .75rem;
    padding: .25rem .6rem;
    border-radius: 1rem;
}

.brand-badge.local-sounds-entertainment {
    background-color: #e7f1ff;
    color: #0d4ea6;
}

.brand-badge.how-sweet-it-is-events {
    background-color: #fde7f3;
    color: #a3095f;
}