.navbar{
    position:sticky;
    top:0;
    z-index:999;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 70px;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    box-shadow:0 3px 18px rgba(0,0,0,.05);
}

.logo{
    font-family:"Cormorant Garamond",serif;
    font-size:34px;
    text-decoration:none;
    color:var(--text);
    font-weight:700;
}

.nav-links{
    display:flex;
    gap:35px;
}

.nav-links a{

    text-decoration:none;
    color:var(--text);
    font-weight:600;
    transition:.25s;
}

.nav-links a:hover{
    color:#8DAA91;
}
.theme-toggle{
    border:none;
    background:#F0E8DC;
    color:var(--text);
    width:42px;
    height:42px;
    border-radius:50%;
    font-size:18px;
    cursor:pointer;
    transition:.25s;
}

.theme-toggle:hover{
    transform:translateY(-2px);
    background:#E3D5C3;
}