/*

Add styles or override variables from the theme here.

*/

// Self-hosted font declarations
// Open Sans font family
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/OpenSans-Light.woff2') format('woff2'),
       url('/assets/fonts/OpenSans-Light.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/OpenSans-LightItalic.woff2') format('woff2'),
       url('/assets/fonts/OpenSans-LightItalic.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/OpenSans-Regular.woff2') format('woff2'),
       url('/assets/fonts/OpenSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/OpenSans-Italic.woff2') format('woff2'),
       url('/assets/fonts/OpenSans-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/OpenSans-Bold.woff2') format('woff2'),
       url('/assets/fonts/OpenSans-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
       url('/assets/fonts/OpenSans-BoldItalic.woff') format('woff');
}

// Rubik font family (Hebrew)
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/Rubik-Light.woff2') format('woff2'),
       url('/assets/fonts/Rubik-Light.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Rubik-Regular.woff2') format('woff2'),
       url('/assets/fonts/Rubik-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/Rubik-Medium.woff2') format('woff2'),
       url('/assets/fonts/Rubik-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/Rubik-SemiBold.woff2') format('woff2'),
       url('/assets/fonts/Rubik-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Rubik-Bold.woff2') format('woff2'),
       url('/assets/fonts/Rubik-Bold.woff') format('woff');
}

// Tajawal font family (Arabic)
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/Tajawal-Light.woff2') format('woff2'),
       url('/assets/fonts/Tajawal-Light.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Tajawal-Regular.woff2') format('woff2'),
       url('/assets/fonts/Tajawal-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/Tajawal-Medium.woff2') format('woff2'),
       url('/assets/fonts/Tajawal-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Tajawal-Bold.woff2') format('woff2'),
       url('/assets/fonts/Tajawal-Bold.woff') format('woff');
}

// Vazir font family (Persian/Farsi)
@font-face {
  font-family: 'Vazir';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/Vazir-Light.woff2') format('woff2'),
       url('/assets/fonts/Vazir-Light.woff') format('woff');
}

@font-face {
  font-family: 'Vazir';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Vazir-Regular.woff2') format('woff2'),
       url('/assets/fonts/Vazir-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Vazir';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/Vazir-Medium.woff2') format('woff2'),
       url('/assets/fonts/Vazir-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Vazir';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Vazir-Bold.woff2') format('woff2'),
       url('/assets/fonts/Vazir-Bold.woff') format('woff');
}

