:root {
    --fi-primary-50: 254, 242, 242;
    --fi-primary-100: 254, 226, 226;
    --fi-primary-200: 254, 202, 202;
    --fi-primary-300: 252, 165, 165;
    --fi-primary-400: 248, 113, 113;
    --fi-primary-500: 220, 38, 38;
    --fi-primary-600: 185, 28, 28;
    --fi-primary-700: 153, 27, 27;
    --fi-primary-800: 127, 29, 29;
    --fi-primary-900: 69, 10, 10;
}

.fi-body,
.fi-main,
.fi-page,
.fi-section,
.fi-ta,
.fi-modal-window {
    background-color: #ffffff;
    color: #111111;
}

.fi-btn,
.fi-btn-color-primary {
    background-color: #dc2626;
    border-color: #dc2626;
    color: #ffffff;
}

.fi-btn-color-primary:hover {
    background-color: #b91c1c;
    border-color: #b91c1c;
}

/* Filament hover utilities default to light text; keep labels/icons dark on hover */
.fi-btn:hover,
.fi-btn:focus-visible {
    color: #111111 !important;
}

.fi-btn:hover svg,
.fi-btn:focus-visible svg {
    color: #111111 !important;
}

.fi-topbar {
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}

.fi-sidebar {
    background-color: #111111;
}

.fi-sidebar-item-label,
.fi-sidebar-item-icon {
    color: #ffffff;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-label,
.fi-sidebar-item-button:hover .fi-sidebar-item-icon,
.fi-sidebar-group-button:hover .fi-sidebar-item-icon {
    color: #111111;
}

.fi-sidebar-group-button:hover .fi-sidebar-group-label {
    color: #ffffff;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: #dc2626;
}

.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-icon {
    color: #ffffff;
}

.fi-simple-layout .fi-logo {
    justify-content: center;
    text-align: center;
    width: 100%;
}