/* 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: 'Manrope';
  src: url('../inc/fonts/Manrope-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

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

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

/* ROOT VARIABLES */
:root {
  /* FONTS */

  /* Main Families */
  --main-text-fam: 'Manrope';
  --main-title-fam: 'NotoSans';

  /* Extra Fonts to use */
  --regal-fam: 'NotoSans';
  --goth-mid-fam: 'OmniglotFont-mLWLv';

  /* COLOR */
  --main-text-color: #2c2a26;
  --main-black: #000000; /* var(--main-black) */
  --main-grey: #ebdbbb; /* var(--main-grey) */
  --main-orange: #f48c34; /* var(--main-orange) */
  --main-blue: #5fc4e7;
  --main-white: #ffff; /* 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) */
}