@import url('https://fonts.googleapis.com/css2?family=Expletus+Sans:ital,wght@0,400..700;1,400..700&display=swap');
.expletus-sans{
    font-family: "Expletus Sans", sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
body {
    font-family: "DM Sans", sans-serif;
    }

:root{
    --color_0: #41735F;
	--color_1: #E3F4EE;
	--color_2: #EFF9F5;
	--color_3: #F5F8F9;
	--color_4: #a4946f;
	--color_5: #314D1D;
    --color_6: #f4f4f4;
    --color_7: #17262F;
	--color_8: #232323;

    --trans_p3s: all 0.3s ease-in-out;
    --trans_p5s: all 0.5s ease-in-out;
	--admin_height: 32px;
}

@media (max-width: 782px) {
	:root{
		--admin_height: 46px;
	}
}

/* ================================================================================ Classes */
/* ========================= colors */
.color-0{ color: var(--color_0); }
.color-1{ color: var(--color_1); }
.color-2{ color: var(--color_2); }
.color-3{ color: var(--color_3); }
.color-4{ color: var(--color_4); }
.color-5{ color: var(--color_5); }

.bg-0{ background-color: var(--color_0); }
.bg-1{ background-color: var(--color_1); }
.bg-2{ background-color: var(--color_2); }
.bg-3{ background-color: var(--color_3); }
.bg-4{ background-color: var(--color_4); }
.bg-5{ background-color: var(--color_5); }
.bg-6{ background-color: var(--color_6); }
.bg-7{ background-color: var(--color_7); }