/*----------------------------------------------------------------- */
/* VARIABLES / CUSTOM PROPERTIES
/*----------------------------------------------------------------- */

:root
{
	--color__beige: #f4efe5;
	--color__beige-dark: #efe8d9;
	--color__beige-darker: #d0c6be;
	--color__blue: #2e6de7;
	--color__blue-dark: #0a2a55;
	--color__blue-darker: #235395;
	--color__blue-light: #a7c5ff;
	--color__brown: #4d3c2e;
	--color__brown-light: #a67448;
	--color__brown-lighter: #795b46;
	--color__red: #e25f00;

	/* COLORS
	----------------------------------------- */
	--color__white: #fff;
	--color__yellow: #ffc400;
	--font-family__noto-sans: 'Noto Sans', sans-serif;
	/* FONTS
	----------------------------------------- */
	--font-family__noto-serif: 'Noto Serif', serif;
	--font-size__default: 1.6rem;
	--font-size__rem-constant: 62.5%;
	--font-weight__bold: 700;
	--font-weight__normal: 400;
	/* THEME
	----------------------------------------- */
	--holy__number: 7;
	--padding__blocks: 10px;

	/* PADDINGS | MARGINS | BORDERS
	----------------------------------------- */
	--padding__default: 20px;
	--padding__default-double: calc(2 * var(--padding__default));

	/* ANIMATIONS
	----------------------------------------- */
	--transition-delay__default: 0.5s;
	--width__1-7: calc(var(--width__website) / var(--holy__number));
	--width__2-7: calc(var(--width__website) / var(--holy__number) * 2);
	--width__3-7: calc(var(--width__website) / var(--holy__number) * 3);
	--width__4-7: calc(var(--width__website) / var(--holy__number) * 4);
	--width__5-7: calc(var(--width__website) / var(--holy__number) * 5);
	--width__6-7: calc(var(--width__website) / var(--holy__number) * 6);

	/* LAYOUT
	----------------------------------------- */
	--width__website: 1440px;
}

@media (max-width: 1460px)
{
	:root
	{
		/* LAYOUT
		----------------------------------------- */
		--width__website: 100%;
	}
}

@media (max-width: 760px)
{
	:root
	{
		/* FONTS
		----------------------------------------- */
		--font-size__default: 1.5rem;
		--padding__blocks: 7.5px;

/* PADDINGS | MARGINS | BORDERS
		----------------------------------------- */
		--padding__default: 15px;
	}
}