/* All imports must come first */
@import './lib/styles/fonts.css';
@import 'tailwindcss';

@theme {
	--spacing-98: 28rem;
	--spacing-100: 32rem;
	--spacing-104: 36rem;
	--spacing-106: 40rem;
	--spacing-128: 40.625rem;

	--max-width-8xl: 83.5rem;
	/* --bg-sky-gradiant: url('@static/img/sky-gradiant.png'); */
	/* --bg-blue-gradiant: url('@static/img/blue-gradiant.png'); */

	--font-family-lato: 'Lato';
}

.bg-sky-gradiant {
	background-image: url('/img/sky-gradiant.png');
}

.bg-blue-gradiant {
	background-image: url('/img/blue-gradiant.png');
}

/* Then other CSS rules can follow */
@font-face {
	src: url('./fonts/Bahij Titr-Bold.ttf');
	font-family: 'Bahij Titr-Bold';
}
@font-face {
	src: url('./fonts/Bahij Nassim-Regular.ttf');
	font-family: 'Bahij Nassim-Regular';
}

.titillium-web-font {
	font-family: 'Titillium Web', sans-serif !important;
}

.titr-bold {
	font-family: 'Bahij Titr-Bold', sans-serif;
}
.nassim-regular {
	font-family: 'Bahij Nassim-Regular', sans-serif;
}

.league-spartan-font {
	font-family: 'League Spartan', sans-serif;
	font-weight: 500;
	font-style: normal;
}
.direction-rtl {
	direction: rtl;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}
.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* Override Tailwind's list-style: none for prose content areas */
.prose ul,
.prose ol {
	list-style: disc outside !important;
	margin: 1rem 0 !important;
	padding-left: 1.5rem !important;
}

.prose ol {
	list-style: decimal outside !important;
}

.prose li {
	display: list-item !important;
	list-style-position: outside !important;
}

.prose[dir='rtl'] ul,
.prose[dir='rtl'] ol {
	padding-left: 0 !important;
	padding-right: 1.5rem !important;
}