/*Load fonts */
@font-face {
	font-family: "Open Sans";
	src: url("../vendor/fonts/g/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf");
}

/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

.manrope-ts {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
} */

:root {
	--color-white: #ffffff;
	--color-white-rgb: 255, 255, 255;


	--color-black: #000000;
	--color-black-rgb: 0, 0, 0;


	--color-dark: #333;
	--color-dark-rgb: 51, 51, 51;


	--color-cyan: #007880;
	--color-cyan-rgb: 0, 120, 128;

	--color-cyan-lighter: #b5f1f5;
	--color-cyan-lighter-rgb: 181, 241, 245;

	--color-cyan-light: #45aab1;
	--color-cyan-light-rgb: 69, 170, 177;

	--color-cyan-dark: #05545a;
	--color-cyan-dark-rgb: 5, 84, 90;

	--color-cyan-darker: #033e42;
	--color-cyan-darker-rgb: 3, 62, 66;

	
	--color-green: #00ff00;
	--color-green-rgb: 0, 255, 0;

	--color-green-lighter: #6ace6a;
	--color-green-lighter-rgb: 106, 206, 106;

	--color-green-light: #9ad69a;
	--color-green-light-rgb: 154, 214, 154;

	--color-green-dark: #068806;
	--color-green-dark-rgb: 6, 136, 6;

	--color-green-darker: #044104;
	--color-green-darker-rgb: 4, 65, 4;

	
	--color-orange: #db5e17;
	--color-orange-rgb: 219, 94, 23;

	--color-orange-light: #e67433;
	--color-orange-light-rgb: 230, 116, 51;

	--color-orange-lighter: #ec9a6b;
	--color-orange-lighter-rgb: 236, 154, 107;

	--color-orange-dark: #bb4f11;
	--color-orange-dark-rgb: 187, 79, 17;

	--color-orange-darker: #7c3207;
	--color-orange-darker-rgb: 124, 50, 7;


	--color-blue: #0000ff;
	--color-blue-rgb: 0, 0, 255;

	--color-blue-light: #4242f8;
	--color-blue-light-rgb: 66, 66, 248;

	--color-blue-lighter: #6969da;
	--color-blue-lighter-rgb: 105, 105, 218;

	--color-blue-dark: #1f497c;
	--color-blue-dark-rgb: 31, 73, 124;

	--color-blue-darker: #082446;
	--color-blue-darker-rgb: 8, 36, 70;


	/* --color-orange: #DB5E17;
	--color-orange-rgb: 219, 94, 23	; */

	--color-saffron: #FF671F;
	--color-saffron-rgb: 255, 103, 31;

	--color-saffron-light: #f18858;
	--color-saffron-light-rgb: 241, 136, 88;

	--color-saffron-lighter: #e29673;
	--color-saffron-lighter-rgb: 226, 150, 115;

	--color-saffron-dark: #be4006;
	--color-saffron-dark-rgb: 190, 64, 6;

	--color-saffron-darker: #6d2403;
	--color-saffron-darker-rgb: 109, 36, 3;
}