/* ===============================
   GLOBAL STYLES
================================ */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

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

    color:#fff;

    background:#0b1320;

    background-image:
    linear-gradient(rgba(7,20,35,.45),rgba(7,20,35,.55)),
    url('/images/background.png');

    background-size:cover;

    background-position:center;

    background-attachment:fixed;

    min-height:100vh;

    overflow-x:hidden;

}

/* Container */

.container{

    width:90%;

    max-width:1400px;

    margin:auto;

}

/* Headings */

h1,h2,h3{

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

}

/* Links */

a{

    text-decoration:none;

    color:inherit;

}

/* Buttons */

button{

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

    cursor:pointer;

}

/* Images */

img{

    max-width:100%;

    display:block;

}

/* Glass Effect */

.glass{

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.15);

}

/* Scrollbar */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#09111d;

}

::-webkit-scrollbar-thumb{

    background:#16a34a;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#15803d;

}
.theme-toggle{

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    font-size:22px;

    background:rgba(255,255,255,.15);

    color:white;

    backdrop-filter:blur(10px);

    transition:.3s;

}

.theme-toggle:hover{

    transform:scale(1.08);

    background:rgba(255,255,255,.25);

}
/* ==========================
   LIGHT THEME
========================== */

body{

    transition:background .3s,color .3s;

}

body.light-theme{

    background:#f5f7fa;

    color:#222;

}

body.light-theme .hero{

    background:none;

}

body.light-theme .search-card{

    background:white;

    color:#222;

}

body.light-theme .navbar{

    background:rgba(255,255,255,.9);

}

body.light-theme .theme-toggle{

    color:#222;

}