@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@400;600;700&display=swap');

:root {

	--mark: #1E3A5F;         
	--mark-light: #2B5F8A;    
	--mark-lighter: #4A7BA7;  
	--mark-dark: #0F1E2E;    
	--mark-darker: #070D14;   
	

	--mark2: #5FA8D3;         
	--mark2-light: #8AC4E3;   
	--mark2-dark: #3D7FA8;    

	--mark3:#7bc93d;
	--mark3-light:#a8df7b;
	--mark3-dark:#529224;
	

	--bg-ice: #D6E9F5;      
	--bg: #EBF4F9;         
	

	--grey-dark:#424242;
	--grey-darker:#272727;
	--grey:#888888;
	--grey-light:#ccc;
	--grey-lighter:#f1f2f6;
	--black:#000;
	--white:#fff;
	

	--red:#D63024;
	--red-light:#FF5F5D;
	--red-dark:#AE170C;
	--green:#AED581;
	--green-light:#C5E1A5;
	--green-dark:#116201;
	--yellow:#ff0;
	

	--font-family-header: 'Bebas Neue', sans-serif;
	--font-family-header-light: 400;
	--font-family-header-regular: 500;
	--font-family-header-medium: 600;
	--font-family-header-bold: 600;
	--font-family-text: 'Open Sans', sans-serif;
	--font-family-text-light: 300;
	--font-family-text-regular: 400;
	--font-family-text-medium: 500;
	--font-family-text-bold: 700;
	--font-family-icon-google: 'Material Symbols Outlined';
	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;
}