/* Buttons */

.umeet-btn {

    border-radius:
        var(--radius-md);

    padding:
        .75rem 1.5rem;

    font-weight:
        600;

    transition:
        var(--transition);

}


.umeet-btn-primary {

    background:
        var(--umeet-primary);

    color:white;

    border:none;

}


.umeet-btn-primary:hover {

    background:
        var(--umeet-primary-dark);

    transform:
        translateY(-2px);

}



/* Cards */


.umeet-card {

    background:
        var(--umeet-surface);

    border-radius:
        var(--radius-lg);

    box-shadow:
        var(--shadow);

    border:
        1px solid var(--umeet-border);

    transition:
        var(--transition);

}


.umeet-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        var(--shadow-lg);

}



/* Glass */


.umeet-glass {

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

    backdrop-filter:
        blur(15px);

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

    border-radius:
        var(--radius-lg);

}

/* =========================
   Navigation
========================= */


.umeet-navbar {

    position:sticky;

    top:0;

    z-index:1000;

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

    backdrop-filter:
        blur(15px);

    border-bottom:
        1px solid var(--umeet-border);

}



.umeet-nav-container {

    max-width:1200px;

    margin:auto;

    padding:
        1rem 1.5rem;

    display:flex;

    align-items:center;

    justify-content:space-between;

}



.umeet-brand {

    display:flex;

    align-items:center;

    gap:.6rem;

    font-size:1.4rem;

    font-weight:700;

    text-decoration:none;

    color:
        var(--umeet-text);

}



.umeet-logo {

    width:38px;

    height:38px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        var(--umeet-primary);

    color:white;

    font-size:20px;

}



.umeet-nav-links {

    display:flex;

    gap:2rem;

}



.umeet-nav-links a {

    color:
        var(--umeet-muted);

    text-decoration:none;

    font-weight:500;

}



.umeet-nav-links a:hover {

    color:
        var(--umeet-primary);

}



.umeet-user-area {

    display:flex;

    align-items:center;

    gap:1rem;

}



.umeet-user-pill {

    display:flex;

    align-items:center;

    gap:.5rem;

}



.umeet-avatar {

    width:36px;

    height:36px;

    border-radius:50%;

    background:
        var(--umeet-primary);

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:700;

}



.umeet-link-button {

    border:none;

    background:none;

    color:
        var(--umeet-muted);

}



.umeet-footer {

    margin-top:4rem;

    padding:2rem;

    text-align:center;

    color:
        var(--umeet-muted);

}