/* Template Name: Techwind - Tailwind CSS Multipurpose Landing & Admin Dashboard Template
   Author: Shreethemes
   Email: support@shreethemes.in
   Website: https://shreethemes.in
   Version: 3.1.0
   Created: May 2022
   File: Main Css File
*/


/* Fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Kaushan+Script&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap'); */

@font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Cairo';
   font-style: normal;
   font-weight: 300;
   src: url('/assets/fonts/cairo-v31-arabic_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* cairo-regular - arabic_latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Cairo';
   font-style: normal;
   font-weight: 400;
   src: url('/assets/fonts/cairo-v31-arabic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* cairo-500 - arabic_latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Cairo';
   font-style: normal;
   font-weight: 500;
   src: url('/assets/fonts/cairo-v31-arabic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* cairo-600 - arabic_latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Cairo';
   font-style: normal;
   font-weight: 600;
   src: url('/assets/fonts/cairo-v31-arabic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* cairo-700 - arabic_latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Cairo';
   font-style: normal;
   font-weight: 700;
   src: url('/assets/fonts/cairo-v31-arabic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* cairo-800 - arabic_latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Cairo';
   font-style: normal;
   font-weight: 800;
   src: url('/assets/fonts/cairo-v31-arabic_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* cairo-900 - arabic_latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Cairo';
   font-style: normal;
   font-weight: 900;
   src: url('/assets/fonts/cairo-v31-arabic_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
 /* inter-300 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 300;
   src: url('/assets/fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-300italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: italic;
   font-weight: 300;
   src: url('/assets/fonts/inter-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-regular - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   src: url('/assets/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-500 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 500;
   src: url('/assets/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-500italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: italic;
   font-weight: 500;
   src: url('/assets/fonts/inter-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-600 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 600;
   src: url('/assets/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-600italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: italic;
   font-weight: 600;
   src: url('/assets/fonts/inter-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-700 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 700;
   src: url('/assets/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-700italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: italic;
   font-weight: 700;
   src: url('/assets/fonts/inter-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-800 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 800;
   src: url('/assets/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-800italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: italic;
   font-weight: 800;
   src: url('/assets/fonts/inter-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-900 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 900;
   src: url('/assets/fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* inter-900italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: italic;
   font-weight: 900;
   src: url('/assets/fonts/inter-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 

/* Tailwind CSS */
@import "tailwindcss";

/* Dark mode */
@custom-variant dark (&:where(.dark, .dark *));


/* Theme */
@theme {
   --font-primary-ar: "ITF Qomra Arabic", "serif";
   --font-primary-en: "Inter", "sans-serif";

   --font-arabic: 'Cairo', sans-serif;
  --font-english: 'Inter', sans-serif;

   --font-nunito: "Kaushan Script", "serif";
   --font-alex: "Alex Brush", "serif";
   --font-kaushan: "Kaushan Script", "serif";
   --font-ebgaramond: "EB Garamond", "serif";
   --font-worksans: "Work Sans", "serif";

   --breakpoint-xs: 540px;
   --breakpoint-sm: 640px;
   --breakpoint-md: 720px;
   --breakpoint-lg: 960px;
   --breakpoint-xl: 1140px;
   --breakpoint-2xl: 1140px;

   --shadow-xs: 0 2px 4px 0 rgb(0 0 0 / 0.1);
   --shadow-sm: 0 0 3px rgb(0 0 0 / 0.1);
   --shadow-md: 0 5px 13px rgb(0 0 0 / 0.1);
   --shadow-lg: 0 10px 25px -3px rgb(0 0 0 / 0.1);
   --shadow-testi: 2px 2px 2px -1px rgb(0 0 0 / 0.1);

   --z-1: 1;
   --z-2: 2;
   --z-3: 3;
   --z-999: 999;

   /* --color-primary: #4F39F6;
   --color-primary-50: #EEF2FF;
   --color-primary-100: #E0E7FF;
   --color-primary-200: #C6D2FF;
   --color-primary-300: #A3B3FF;
   --color-primary-400: #7C86FF;
   --color-primary-500: #615FFF;
   --color-primary-600: #6350F7;
   --color-primary-700: #432DD7;
   --color-primary-800: #372AAC;
   --color-primary-900: #312C85; */
    --color-primary: #054239;
   --color-primary-50: #EAF6F2;
   --color-primary-100: #CDE9E0;
   --color-primary-200: #A0D5C6;
   --color-primary-300: #72C1A9;
   --color-primary-400: #49A88C;
   --color-primary-500: #2E8C70;
   --color-primary-600: #1F7059;
   --color-primary-700: #185B48;
   --color-primary-800: #0E3E31;
   --color-primary-900: #0A2E24;

   /* --text-base: 16px;
   --text-base--line-height: 24px;
   --text-menu: 13px; */
    /* 🟩 الظلال */
   --shadow-sm: 0 2px 4px rgb(5 66 57 / 0.1);
   --shadow-md: 0 5px 10px rgb(5 66 57 / 0.2);
   --shadow-lg: 0 10px 20px rgb(5 66 57 / 0.3);

   /* 🟢 المقاسات */
   --breakpoint-xs: 540px;
   --breakpoint-sm: 640px;
   --breakpoint-md: 720px;
   --breakpoint-lg: 960px;
   --breakpoint-xl: 1140px;
   --breakpoint-2xl: 1320px;

   /* 🟢 النصوص */
   --text-base: 16px;
   --text-base--line-height: 24px;
   --text-menu: 14px;
}

/* Custom */
@import "./custom/_general.css";
@import "./custom/structure/_topnav.css";
@import "./custom/structure/_footer.css";
@import "./custom/pages/_helper.css";
@import "./custom/pages/_hero.css";
@import "./custom/pages/_countdown.css";
@import "./custom/pages/_portfolio.css";
@import "./custom/pages/_contact.css";
@import "./custom/plugins/_swiper-slider.css";
@import "./custom/plugins/_testi.css";
@import "./custom/plugins/_choices.css";
@import "./custom/plugins/_datepicker.css";