/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --primary-theme-color: #967bb6; /* #6c3483 ;  /* theme primary color */
}
:root {
	 --secondery-theme-color:#654b8e ; /* #372554; -- ovo je bilo #2f3a50;  theme secondery color */
}
:root {
	 --dark-theme-color: #1a1a1a;  /* theme dark font color */
}
:root {
	 --gray-color: #f5f5f5;  /* theme light color */
}
:root {
	 --white-color: #fff;  /* theme white font color */
}
:root{
	--bg-dark: #262f40; /* theme dark font color */
}
:root {
	 --black-color: #000;  /* theme black font color */
}
:root {
	 --dark-text-color: #a5a5a5;  /* theme light color */
}
:root {
	 --body-text-color: #818181;  /* theme body font color */
}
:root{
	--light-gray-color: #dadada; /* light gray color */
}

/*==================================
 Overlay
 ==================================*/
 :root{
 	--theme-overlay-secondery-color-4: rgba(47, 58, 80, .4)
 }
 :root{
 	--theme-overlay-secondery-color-6: rgba(47, 58, 80, .65)
 }
 :root{
 	--theme-overlay-secondery-color-8: rgba(47, 58, 80, .8)
 }
 :root{
 	--theme-overlay-secondery-deep-color: rgba(2, 21, 52, .7)
 }
 :root{
 	--theme-overlay-secondery-dark-color: rgba(0, 0, 0, 0.8)
 }
 :root{
	--overlay-white-color: rgba(255, 255, 255, 0.8)
 }
/*==================================
Font Variable
==================================*/
:root {
	 --theme-body-font: 'Montserrat', sans-serif;  /* Font use for normal text and body text */
}
:root {
	 --theme-highlight-font: 'Oleo Script', cursive;  /* Font used in title or special area */
}