@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
	--primary-font: 'Inter', -apple-system, system-ui, sans-serif;
}

body, input, textarea, select, .button {
  font-family: var(--primary-font);
}

.bg-gray-100 {
	background-color: #f4f4f5 !important;
}

.module {
	border-radius: 10px !important;
	overflow: hidden;
	padding: 0.75rem;
}

#toolbar {
	background: none;
}

#nav-sidebar {
	background-color: #f4f4f5 !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
	border: none;
}

table {
	border-radius: 0.75rem;
	overflow: hidden;
}

@media (prefers-color-scheme: dark) {
	.bg-gray-100 {
		background-color: black !important;
	}

	#nav-sidebar {
		background-color: black !important;
	}
}