@import url("./pokedex.css");
@import url("./cover.css");
@import url("./header.css");
@import url("./lights.css");
@import url("./stats.css");
@import url("./screen.css");
@import url("./actions.css");
@import url("./variants.css");
@import url("./search.css");
@import url("./navigation.css");
@import url("./description.css");

:root {
	--white: #fffffe;
	--black: #300f16;
	--green: #51ae5f;
	--blue: #8db9dc;
	--yellow: #fecb2f;
	--primary: #dc0a2d;
	--secondary: #163355;
	--body1: 400 0.75rem/1.5rem Roboto;
	--body3: 400 0.5rem/0.4556451737880707rem Roboto;
	--body2-regular: 400 0.75rem/1.375rem monospace;
}

body {
	margin: 0;
	padding: 1rem;
	box-sizing: border-box;
	font: var(--body1);
	color: var(--white);
	background-color: var(--blue);
	min-block-size: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dbug {
	color: black;
	border: 1px solid var(--primary);
}

/* 
h1 {
	color: var(--primary);
}

h2 {
	color: var(--green);
}

p {
	color: var(--secondary);
	font: var(--body2-regular);
} */