@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('../css/files-inter/inter-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../css/files-inter/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('../css/files-inter/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('../css/files-inter/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('../css/files-inter/inter-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('../css/files-inter/inter-latin-800-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../css/files-tajawal/tajawal-arabic-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../css/files-tajawal/tajawal-arabic-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../css/files-tajawal/tajawal-arabic-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../css/files-tajawal/tajawal-arabic-800-normal.woff2') format('woff2');
}

/*
 * Wasl typography scale.
 * Consolidates the dozens of near-duplicate ad-hoc inline font-size values
 * (.68rem, .7rem, .72rem, .75rem, .76rem, .78rem, ... all meaning "small text")
 * that had accumulated across templates into one canonical scale. Any code
 * still using raw rem values should be migrated to reference these instead,
 * so future size tweaks only require changing one line.
 */
:root {
  --fs-3xs: 0.6rem;
  --fs-2xs: 0.68rem;
  --fs-xs: 0.72rem;
  --fs-sm: 0.78rem;
  --fs-sm-plus: 0.82rem;
  --fs-base-minus: 0.86rem;
  --fs-base: 0.9rem;
  --fs-base-plus: 0.95rem;
  --fs-md: 1rem;
  --fs-lg: 1.1rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.4rem;
  --fs-3xl: 1.5rem;
  --fs-4xl: 1.75rem;
  --fs-5xl: 1.9rem;
  --fs-6xl: 2rem;
}
.fs-3xs { font-size: var(--fs-3xs) !important; }
.fs-2xs { font-size: var(--fs-2xs) !important; }
.fs-xs { font-size: var(--fs-xs) !important; }
.fs-sm { font-size: var(--fs-sm) !important; }
.fs-sm-plus { font-size: var(--fs-sm-plus) !important; }
.fs-base-minus { font-size: var(--fs-base-minus) !important; }
.fs-base { font-size: var(--fs-base) !important; }
.fs-base-plus { font-size: var(--fs-base-plus) !important; }
.fs-md { font-size: var(--fs-md) !important; }
.fs-lg { font-size: var(--fs-lg) !important; }
.fs-xl { font-size: var(--fs-xl) !important; }
.fs-2xl { font-size: var(--fs-2xl) !important; }
.fs-3xl { font-size: var(--fs-3xl) !important; }
.fs-4xl { font-size: var(--fs-4xl) !important; }
.fs-5xl { font-size: var(--fs-5xl) !important; }
.fs-6xl { font-size: var(--fs-6xl) !important; }