:root {
    --beefact-blue: #2563eb;
    --beefact-navy: #1e3a8a;
    --beefact-yellow: #fbbf24;
}

.fi-body {
    background:
        radial-gradient(circle at 100% 0, rgb(37 99 235 / 7%), transparent 28rem),
        #f8fafc;
}

.fi-sidebar {
    border-right-color: rgb(37 99 235 / 12%);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.fi-sidebar-header {
    border-bottom: 1px solid rgb(37 99 235 / 10%);
}

.fi-logo {
    max-width: 10.75rem;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background: #eff6ff;
    box-shadow: inset 3px 0 0 var(--beefact-blue);
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    border-color: rgb(37 99 235 / 10%);
    box-shadow: 0 8px 28px rgb(15 23 42 / 5%);
}

.fi-simple-main {
    border-top: 4px solid var(--beefact-blue);
    box-shadow: 0 24px 60px rgb(30 58 138 / 14%);
}

.dark .fi-body,
.dark .fi-sidebar {
    background: #0f172a;
}

.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background: rgb(37 99 235 / 18%);
}