@import url(header.css);
@import url(main.css);
@import url(footer.css);

@media (prefers-color-scheme: dark) {
	:root {
		--background-header-color: #000;
		--background-color: #1e1e20;
		--text-color: #fff;
		--primary-color: #11b0c8;
		--secondary-color: #313234;
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--background-header-color: #fff;
		--background-color: #fff;
		--text-color: #313234;
		--primary-color: #11b0c8;
		--secondary-color: #f1f1f1;
	}
}

/* Variáveis utilitária */
:root {
	--font-size: 1rem;
	--font-size-small: 0.875rem;
	--font-size-medium: 1.5rem;
	--font-size-large: 3rem;
	--spacing: 1rem;
	--spacing-small: 0.5rem;
	--spacing-medium: 2rem;
	--spacing-large: 4rem;
	--border-radius: 0.5rem;
	--border-radius-small: 2rem;
	--padding-small: 0.375rem 0.25rem;
	--padding-medium: 1rem;
	--input-padding: 0.5rem 1rem;
	--box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 100%;
}
body {
	background-color: var(--background-color);
	color: var(--text-color);
	font-size: var(--font-size);
	font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
button {
	color: var(--text-color);
}
i {
	font-size: var(--font-size-medium);
}
.bx-pulse {
	color: #BFDE42;
}