/*======================================
            GOOGLE FONT
======================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');


/*======================================
            RESET CSS
======================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}


html{

    scroll-behavior:smooth;

}


body{

    font-family:'Poppins',sans-serif;

}

/*======================================
            CSS VARIABLES
======================================*/

:root{

    --primary:#00ADB5;

    --primary-hover:#00c6cf;

    --background:#1A1A1A;

    --surface:#242424;

    --surface-light:#2E2E2E;

    --text:#FFFFFF;

    --text-secondary:#BDBDBD;

    --border:#3A3A3A;

    --shadow:0 10px 25px rgba(0,0,0,.35);

    --radius:12px;

    --transition:.3s ease;

}

body.light-theme{

    --background:#F5F7FA;

    --surface:#FFFFFF;

    --surface-light:#EFF2F5;

    --text:#222222;

    --text-secondary:#5A5A5A;

    --text-light:#555555;

    --border:#E0E4E8;

}

/*======================================
            BODY
======================================*/

body{

    background:var(--background);

    color:var(--text);

    line-height:1.7;

    overflow-x:hidden;

}

/*======================================
            GLOBAL ELEMENT
======================================*/

img{

    display:block;

    max-width:100%;

}


a{

    text-decoration:none;

    color:inherit;

}


ul{

    list-style:none;

}


button{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:inherit;

}


input,
textarea{

    font-family:inherit;

}

/*======================================
            SCROLLBAR
======================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:var(--background);

}

::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:50px;

}

section{

    scroll-margin-top:90px;

}