/* 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';
}

.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;
}
.direction-rtl {
  direction: rtl;
}

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