/* Saansuhub MLM brand theme (indigo/violet) — overrides Highdmin defaults */

:root {
    --highdmin-primary: #4f46e5;
    --highdmin-primary-rgb: 79, 70, 229;
    --highdmin-primary-text-emphasis: #3730a3;
    --highdmin-primary-bg-subtle: #eef0ff;
    --highdmin-primary-border-subtle: #c7d2fe;
}

:root[data-bs-theme=dark] {
    --highdmin-primary: #818cf8;
    --highdmin-primary-rgb: 129, 140, 248;
    --highdmin-primary-text-emphasis: #c7d2fe;
    --highdmin-primary-bg-subtle: rgba(79, 70, 229, 0.2);
    --highdmin-primary-border-subtle: #4338ca;
}

:root[data-menu-color=dark] {
    --highdmin-menu-item-hover-color: #c7d2fe;
    --highdmin-menu-item-active-color: #ffffff;
}

:root[data-topbar-color=brand] {
    --highdmin-topbar-bg: #4338ca;
    --highdmin-topbar-item-color: rgba(255, 255, 255, 0.9);
    --highdmin-topbar-item-hover-color: #ffffff;
    --highdmin-topbar-search-bg: rgba(255, 255, 255, 0.1);
    --highdmin-topbar-user-bg: rgba(255, 255, 255, 0.1);
    --highdmin-topbar-user-border: rgba(255, 255, 255, 0.15);
}

/* Text-logo brand mark (no image asset yet) */
.sidenav-menu .logo,
.app-topbar .logo {
    font-weight: 800;
    font-size: 1.15rem;
    letter-spacing: 0.01em;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--highdmin-emphasis-color);
    text-decoration: none;
}

.sidenav-menu .logo .brand-mark,
.app-topbar .logo .brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #4f46e5, #818cf8);
    color: #fff;
    font-weight: 800;
    font-size: 0.95rem;
}

html[data-topbar-color=brand] .app-topbar .logo,
html[data-bs-theme=dark] .sidenav-menu .logo {
    color: #ffffff;
}

/* Dummy / not-yet-wired menu items */
.side-nav-link .soon-badge {
    margin-left: auto;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: rgba(79, 70, 229, 0.15);
    color: #c7d2fe;
}

:root[data-menu-color=light] .side-nav-link .soon-badge,
html:not([data-menu-color]) .side-nav-link .soon-badge {
    background: #eef0ff;
    color: #4338ca;
}