@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Style+Script&display=swap');
@import './css/util.css';
@import './css/swiper.css';
@import './css/animation.css';
@import './css/hotelPrContainer.css';

:root {
    --primary: #0062ff;
    --sec: #2a7bf2;
    --primary-glass: #5397ea;
    --light-gray: #f1f2f6;
    --primary-black:#262626;
    --glass:#f9f9f9;

    --font-prime:"Baumans", system-ui;
    --text-font: 'Inter', sans-serif;
    --title-font: 'Urbanist', sans-serif;
    --secondary-font: 'Seaweed Script', cursive;
}


body {
    padding: 0;
    margin: 0;
    background-color: var(--light-gray);
    color: var(--primary-black);
}

*,
body {
    font-family: var(--text-font);
    margin: 0;
    box-sizing: border-box;
}

.font-text-face{
    font-family: "Style Script", cursive ;
    font-weight: bold !important;
}

h1{font-size: 26px !important; font-weight: bold !important;}
h2{font-size: 24px !important; font-weight: bold !important;}
h3{font-size: 20px !important; font-weight: bold !important;}
h4{font-size: 18px !important; font-weight: bold !important;}
h5{font-size: 16px !important; font-weight: bold !important;}

@media (max-width: 768px) {
h1{font-size: 23px !important; font-weight: bold !important;}
h2{font-size: 20px !important; font-weight: bold !important;}
h3{font-size: 18px !important; font-weight: bold !important;}
h4{font-size: 16px !important; font-weight: bold !important;}
h5{font-size: 15px !important; font-weight: bold !important;} 
}