:root {
	--bug-dark: rgb(120 85 9);
	--bug-light: rgb(159 129 64);

	--dark-dark: rgb(139, 134, 134);
	--dark-light: rgb(204, 203, 203);

	--dragon-dark: rgb(158, 2, 0);
	--dragon-light: rgb(255, 119, 0);

	--electric-dark: rgb(250, 213, 8);
	--electric-light: rgb(235, 231, 100);

	--fairy-dark: rgb(46 26 71);
	--fairy-light: rgb(56 40 75);

	--fighting-dark: rgb(202 11 0);
	--fighting-light: rgb(206 51 43);

	--fire-dark: rgb(226 74 36);
	--fire-box: rgb(223, 138, 77);

	--flying-dark: rgb(153, 62, 36);
	--flying-light: rgb(243, 134, 104);

	--ghost-dark: rgb(51, 51, 107);
	--ghost-light: rgb(166, 130, 166);

	--grass-dark: rgb(18 123 61);
	--grass-light: rgb(69, 110, 86);

	--ground-dark: rgb(53 30 16);
	--ground-light: rgb(54 43 36);

	--ice-dark: rgb(5, 253, 253);
	--ice-light: rgb(153, 255, 255);

	--normal-dark: rgb(57 54 54);
	--normal-light: rgb(169 160 160);

	--poison-dark: rgb(242 8 242);
	--poison-light: rgb(236 107 236);

	--psychic-dark: rgb(0 0 0);
	--psychic-light: rgb(29 28 28);

	--rock-dark: rgb(34, 35, 35);
	--rock-light: rgb(128 132 135);

	--steel-dark: rgb(7, 113, 129);
	--steel-light: rgb(55, 118, 128);

	--water-dark: rgb(36 61 226);
	--water-light: rgb(97, 115, 230);
}

.bug-box {
	border-color: var(--bug-dark) !important;
	background-color: var(--bug-light) !important;
}

.bug-badge {
	background-color: var(--bug-dark) !important ;
}

.dark-box {
	border-color: var(--dark-dark) !important;
	background-color: var(--dark-light) !important;
}

.dark-badge {
	background-color: var(--dark-dark) !important;
}

.dragon-box {
	border-color: var(--dragon-dark) !important;
	background-color: var(--dragon-light) !important;
}

.dragon-badge {
	background-color: var(--dragon-dark) !important;
}

.electric-box {
	border-color: var(--electric-dark) !important;
	background-color: var(--electric-light) !important;
}

.electric-badge {
	background-color: var(--electric-dark);
	color: black;
}

.electric-title,
.electric-id {
	color: rgb(0, 0, 0) !important;
}

.fairy-box {
	border-color: var(--fairy-dark) !important;
	background-color: var(--fairy-light) !important;
}

.fairy-badge {
	background-color: var(--fairy-light) !important;
}

.fighting-box {
	border-color: var(--fighting-dark) !important;
	background-color: var(--fighting-light) !important;
}

.fighting-badge {
	background-color: var(--fighting-dark) !important;
}

.fire-box {
	border-color: var(--fire-dark) !important;
	background-color: var(--fire-box) !important;
}

.fire-badge {
	background-color: var(--fire-dark) !important ;
}

.flying-box {
	border-color: var(--flying-dark) !important;
	background-color: var(--flying-light) !important;
}

.flying-badge {
	background-color: var(--flying-dark) !important ;
}

.ghost-box {
	border-color: var(--ghost-dark) !important;
	background-color: var(--ghost-light) !important;
}

.ghost-badge {
	background-color: var(--ghost-dark) !important;
}

.grass-box {
	border-color: var(--grass-dark) !important;
	background-color: var(--grass-light) !important;
}

.grass-badge {
	background-color: var(--grass-dark) !important;
}

.ground-box {
	border-color: var(--ground-dark) !important;
	background-color: var(--ground-light) !important;
}

.ground-badge {
	background-color: var(--ground-dark) !important;
}

.ice-box {
	border-color: var(--ice-dark) !important;
	background-color: var(--ice-light) !important;
}

.ice-badge {
	background-color: var(--ice-dark) !important;
}

.normal-box {
	border-color: var(--normal-dark) !important ;
	background-color: var(--normal-light) !important;
}

.normal-badge {
	background-color: var(--normal-dark);
}

.poison-box {
	border-color: var(--poison-dark) !important;
	background-color: var(--poison-light) !important;
}

.poison-badge {
	background-color: var(--poison-dark) !important;
}

.psychic-box {
	border-color: var(--psychic-dark) !important;
	background-color: var(--psychic-light) !important;
}

.psychic-badge {
	background-color: var(--psychic-dark) !important;
}

.rock-box {
	border-color: var(--rock-dark) !important;
	background-color: var(--rock-light) !important;
}

.rock-badge {
	background-color: var(--rock-dark) !important;
}

.steel-box {
	border-color: var(--steel-dark) !important;
	background-color: var(--steel-light) !important;
}

.steel-badge {
	background-color: var(--steel-dark) !important;
}

.water-box {
	border-color: var(--water-dark) !important;
	background-color: var(--water-light) !important;
}

.water-badge {
	background-color: var(--water-dark) !important ;
}