:root {
    --15m-accent: #ff6df3;
    --15m-bg: #000000;
    --15m-block: #151515;
    --15m-text: #ffffff;
}

.fi-body {
    background-color: var(--15m-bg) !important;
}

.fi-topbar,
.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar-nav {
    background-color: var(--15m-block) !important;
}

.fi-topbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}

.fi-sidebar {
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.fi-main {
    background-color: var(--15m-bg) !important;
}

.fi-main-ctn {
    background-color: var(--15m-bg) !important;
}

.fi-page,
.fi-section,
.fi-section-content-ctn,
.fi-fo-field-wrp,
.fi-ta-ctn,
.fi-fo-component-ctn {
    --tw-ring-color: rgba(255, 109, 243, 0.25);
}

.fi-sidebar-item-button:hover,
.fi-sidebar-item-button:focus-visible {
    background-color: rgba(255, 109, 243, 0.08) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: rgba(255, 109, 243, 0.14) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: var(--15m-accent) !important;
}

.fi-logo {
    filter: none;
}

.fi-simple-layout {
    background-color: var(--15m-bg) !important;
}

.fi-simple-main-ctn {
    background-color: var(--15m-block) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.fi-header-heading,
.fi-sidebar-group-label,
.fi-topbar-item-label {
    color: var(--15m-text);
}

.fi-section-header-heading {
    color: var(--15m-text);
}

.fi-input-wrp,
.fi-fo-text-input,
.fi-select-input,
.fi-textarea {
    background-color: var(--15m-block) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--15m-text) !important;
}

.fi-input-wrp:focus-within {
    border-color: var(--15m-accent) !important;
    box-shadow: 0 0 0 2px rgba(255, 109, 243, 0.2) !important;
}

.fi-btn-primary {
    background-color: var(--15m-accent) !important;
    color: #000 !important;
}

.fi-btn-primary:hover {
    background-color: #ff8ef5 !important;
}

.fi-topbar-open-collapse-sidebar-btn,
.fi-topbar-close-collapse-sidebar-btn,
.fi-topbar-open-sidebar-btn,
.fi-topbar-close-sidebar-btn {
    color: var(--15m-text) !important;
}