/* FIRST LOAD FONTS */

/* Font Declaration for custom Fonts - EXAMPLE !!! DELETE OR CHANGE WITH A CUSTOM FONT !!! */
/* In Case of Google Fonts Delete Area And load them from header.php */

@font-face {
	font-family: 'NotoSans';
	src: url('../inc/fonts/NotoSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
	font-family: 'Inter';
	src: url('../inc/fonts/Inter-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

/* ROOT VARIABLES */
:root {
    /* FONTS */
 
    /* Main Families */
    --main-text-fam: 'Inter', sans-serif;
    --main-title-fam: 'NotoSans', sans-serif;

    /* Extra Fonts to use */
    --regal-fam: 'NotoSans', serif;
    --goth-mid-fam: 'NotoSans', sans-serif;

    /* COLOR */
    --main-text-color: #010101;
--main-black: #010101; /* var(--main-black) */
    --main-grey: #c8c8c8; /* var(--main-grey) */
    --main-orange: #F8B635; /* var(--main-orange) */
    --main-white: #F8F8F8; /* var(--main-white) */

	/* EASINGS */
	--main-easing: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); /* var(--main-easing) */
	--main-easing-fast: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); /* var(--main-easing) */
}