/* KalamehWeb Font Family */
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-Thin.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-ExtraLight.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-Light.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-Regular.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-Medium.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-SemiBold.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-Bold.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-ExtraBold.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'KalamehWeb';
	src: url('fonts/woff2/KalamehWeb-Black.woff2') format('woff2'),
		 url('fonts/woff/KalamehWeb-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Doran Font Family */
@font-face {
	font-family: 'Doran';
	src: url('fonts/woff2/Doran-Thin.woff2') format('woff2'),
		 url('fonts/woff/Doran-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Doran';
	src: url('fonts/woff2/Doran-Light.woff2') format('woff2'),
		 url('fonts/woff/Doran-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Doran';
	src: url('fonts/woff2/Doran-Regular.woff2') format('woff2'),
		 url('fonts/woff/Doran-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Doran';
	src: url('fonts/woff2/Doran-Medium.woff2') format('woff2'),
		 url('fonts/woff/Doran-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Doran';
	src: url('fonts/woff2/Doran-Bold.woff2') format('woff2'),
		 url('fonts/woff/Doran-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Doran';
	src: url('fonts/woff2/Doran-ExtraBold.woff2') format('woff2'),
		 url('fonts/woff/Doran-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* Global Styles */
html, body {
	font-family: 'KalamehWeb', 'Doran', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	color: #d39f5b;
	font-weight: 600;
}

.container {
	background-color: #1D427600;
	backdrop-filter: blur(20px);
}

.tab-btn.active {
	background-color: rgba(211, 159, 91, 0.2);
}