:root {
    --starter-orange-500: #f97316;
    --starter-orange-600: #ea580c;
    --starter-surface-900: #1b2028;
    --starter-surface-850: #232933;
    --starter-border: rgba(255, 255, 255, 0.08);
    --starter-text: #e7edf5;
    --starter-text-muted: #9aa7b8;
}

.dark {
    color-scheme: dark;
}

.fi-body {
    background:
        radial-gradient(circle at top left, rgba(249, 115, 22, 0.12), transparent 24rem),
        linear-gradient(180deg, #171b22 0%, #1d232c 100%);
    color: var(--starter-text);
}

.fi-topbar,
.fi-sidebar,
.fi-dropdown-panel,
.fi-modal-window,
.fi-section,
.fi-ta-ctn,
.fi-in-entry,
.fi-fo-field-wrp > div,
.fi-wi-widget {
    background-color: color-mix(in srgb, var(--starter-surface-900) 92%, #ffffff 8%);
    border-color: var(--starter-border) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.fi-sidebar {
    background:
        linear-gradient(180deg, rgba(249, 115, 22, 0.08), rgba(249, 115, 22, 0) 10rem),
        color-mix(in srgb, var(--starter-surface-900) 94%, #ffffff 6%);
}

.fi-main,
.fi-page,
.fi-ta-content,
.fi-fo-field-wrp,
.fi-section-content,
.fi-simple-layout,
.fi-layout {
    color: var(--starter-text);
}

.fi-main {
    max-width: none !important;
}

@media (min-width: 1280px) {
    .fi-main {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.fi-header-heading,
.fi-section-header-heading,
.fi-ta-header-heading,
.fi-modal-heading,
.fi-sidebar-item-label,
.fi-topbar-item-label {
    color: #f8fafc !important;
}

.fi-input,
.fi-select-input,
.fi-textarea,
.fi-input-wrp,
.fi-fo-rich-editor-toolbar,
.fi-fo-rich-editor-editor,
.fi-ta-search-field input {
    background: color-mix(in srgb, var(--starter-surface-850) 88%, #ffffff 12%) !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
    color: var(--starter-text) !important;
}

.fi-input::placeholder,
.fi-textarea::placeholder,
.fi-select-input::placeholder {
    color: var(--starter-text-muted);
}

.fi-btn-color-primary {
    --c-400: var(--starter-orange-500);
    --c-500: var(--starter-orange-500);
    --c-600: var(--starter-orange-600);
}

.fi-tabs-item.fi-active,
.fi-sidebar-item-active > .fi-sidebar-item-button,
.fi-dropdown-list-item:focus,
.fi-dropdown-list-item:hover {
    background: rgba(249, 115, 22, 0.14) !important;
}

.fi-sidebar-item-active > .fi-sidebar-item-button,
.fi-tabs-item.fi-active {
    color: #fff7ed !important;
}

.fi-ta-table thead tr,
.fi-ta-header-toolbar {
    background: rgba(255, 255, 255, 0.03);
}

.fi-ta-table tbody tr {
    border-color: rgba(255, 255, 255, 0.05);
}

.fi-ta-table tbody tr:hover {
    background: rgba(249, 115, 22, 0.06);
}

.fi-pagination-item.fi-active button {
    background: var(--starter-orange-600) !important;
    color: #fff !important;
}

.fi-logo {
    filter: drop-shadow(0 8px 16px rgba(249, 115, 22, 0.18));
}