body {
			font-family: 'Inter', sans-serif;
			background-color: #f8fafc;
			color: #1e293b;
		}

		/* WebKit browsers (Chrome, Safari, Edge, Opera) */
		::-webkit-scrollbar {
			width: 8px;
			/* For vertical scrollbar */
			height: 8px;
			/* For horizontal scrollbar */
		}

		::-webkit-scrollbar-track {
			background: #f1f1f1;
			/* Light gray track */
			border-radius: 10px;
		}

		::-webkit-scrollbar-thumb {
			background: #888;
			/* Darker gray thumb */
			border-radius: 10px;
		}

		/* On hover, make the thumb slightly darker */
		::-webkit-scrollbar-thumb:hover {
			background: #555;
		}

		/* CSS para ancoragem de links, ajustando para o header fixo */
		#visao-geral,
		#arquitetura,
		#propostas,
		#sql-queries,
		#consideracoes {
			padding-top: 10rem;
			margin-top: -10rem;
		}

		/* Estilos para o botão da aba ativa */
		.tab-button.active {
			border-color: #3b82f6;
			color: #3b82f6;
			background-color: #eff6ff;
		}

		/* Esconde o conteúdo das abas por padrão */
		.tab-content {
			display: none;
		}

		/* Mostra o conteúdo da aba ativa */
		.tab-content.active {
			display: block;
		}

		/* Efeitos de transição para os passos do pipeline */
		.pipeline-step {
			transition: all 0.3s ease-in-out;
		}

		.pipeline-arrow {
			font-size: 2rem;
			color: #94a3b8;
		}

		/* Estilos para o modal de sobreposição (fundo escuro) */
		.modal-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 100;
		}

		/* Estilos para o botão de exclusão de aba */
		.delete-tab-button {
			margin-left: 0.5rem;
			font-weight: 700;
			color: #dc2626;
		}

		/* Estilos para o botão de exclusão de tabela */
		.delete-table-container-button {
			color: #dc2626;
			font-weight: 700;
			margin-left: 1rem;
		}