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

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



/* 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";

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

/* Theme */
@theme {
   --font-nunito: "Nunito", "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: #0EA1E5;
   --color-primary-50: #E3F5FD;
   --color-primary-100: #C7E9FB;
   --color-primary-200: #8FD2F7;
   --color-primary-300: #57BBF3;
   --color-primary-400: #2EA7F0;
   --color-primary-500: #0E94ED;
   --color-primary-600: #0C7ACC;
   --color-primary-700: #0A5FAD;
   --color-primary-800: #08468E;
   --color-primary-900: #063370;

   --color-secondary: #585865;
   --color-secondary-50: #F5F5F7;
   --color-secondary-100: #EDEDEF;
   --color-secondary-200: #D6D6DB;
   --color-secondary-300: #B8B8C1;
   --color-secondary-400: #9A9AA3;
   --color-secondary-500: #7E7E89;
   --color-secondary-600: #6C6C73;
   --color-secondary-700: #4F4F57;
   --color-secondary-800: #3A3A40;
   --color-secondary-900: #2C2C30;

   --text-base: 16px;
   --text-base--line-height: 24px;
   --text-menu: 13px;
}