@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

:root {

	--mark-pink:#DF1B73;
	--pink:#C9225A;
	--pink-light:#f48fb1;
	--pink-dark:#9F1F4A;
	--blue:#277ABD;
	--blue-light:#A0D4FF;
	--blue-dark:#105A96;
	--green:#AED581;
	--green-light:#C5E1A5;
	--green-dark:#116201;
	--red:#D63024;
	--red-light:#FF5F5D;
	--red-dark:#AE170C;
	--purple:#AB47BC;
	--purple-light:#D5A6DD;
	--purple-dark:#832A93;
	--grey-dark:#424242;
	--grey-darker:#020202;
	--grey:#888888;
	--grey-light:#ccc;
	--grey-lighter:#f1f2f6;
	--black:#000;
	--white:#fff;
	--yellow:#ff0;


	--mark:var(--blue);
	--mark-light:var(--blue-light);
	--mark-dark:var(--blue-dark);
	--mark2:var(--pink);
	--mark2-light:var(--pink-light);
	--mark2-dark:var(--pink-dark);

	--font-family-icon-google: 'Material Symbols Outlined';
	--font-family-header: 'Ubuntu', sans-serif;
	--font-family-header-light: 300;
	--font-family-header-regular: 400;
	--font-family-header-medium: 700;
	--font-family-header-bold: 700;
	--font-family-menu: 'Ubuntu Mono', monospace;
	--font-family-menu-text: 400;
	--font-family-text: 'Lato', sans-serif;
	--font-family-text-light: 300;
	--font-family-text-regular: 400;
	--font-family-text-medium: 500;
	--font-family-text-bold: 700;
	scroll-behavior: smooth;
}
body.dark_mode {
	--mark:#EF5350;
	--mark-light:#E57373;
	--mark-dark:#F44336;
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	--grey-dark:#f1f2f6;
	--grey-darker:#ccc;
	--grey:#888888;
	--grey-light:#424242;
	--grey-lighter:#272727;
	--black:#dedede;
	--white:#141414;
	--red:#f00;
	--yellow:#ff0;
}