@import '../../../../vendor/filament/filament/dist/theme.css';

@layer base {
	:root {
		--menu-active-bg: #F3F6FA;
	}

	body,
	.fi-body,
	.fi-layout,
	.fi-main,
	.fi-page {
		background-color: var(--menu-active-bg) !important;
		font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
		font-weight: 400;
	}

	.fi-main-ctn,
	.fi-page-header,
	.fi-main,
	.fi-page,
	.fi-page-content,
	.fi-content {
		background-color: var(--menu-active-bg) !important;
	}

	.fi-sidebar,
	.fi-sidebar-header,
	.fi-sidebar-nav,
	.fi-main-sidebar {
		background-color: #ffffff;
	}

	.fi-sidebar-item.fi-active > .fi-sidebar-item-button,
	.fi-sidebar-item.fi-active .fi-sidebar-item-button {
		background-color: var(--menu-active-bg) !important;
	}

	.fi-user-avatar,
	.fi-user-menu .fi-user-avatar {
		background-color: #8BBE36 !important;
	}

	.fi-user-menu .fi-user-avatar:hover {
		background-color: #8BBE36 !important;

	}

	/* Título principal de cada módulo (encabezado de página) */
	.fi-header-heading {
		color: rgba(var(--primary-600), 1) !important;
	}

	/* Breadcrumb actual (último ítem) */
	.fi-breadcrumbs-item:last-child .fi-breadcrumbs-item-label {
		color: rgba(var(--primary-600), 1) !important;
	}

	.fi-breadcrumbs-item:last-child a.fi-breadcrumbs-item-label:hover {
		color: rgba(var(--primary-600), 1) !important;
	}



	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.fi-section-header-heading {
		color: #213645 !important;
		font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
		font-weight: 700;
	}
}