/* ===== BUTTONS ===== */

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    border-radius:var(--radius-sm);
    font-weight:600;
    transition:var(--transition);
}

.btn-primary{
    background:var(--primary);
    color:var(--white);
}

.btn-primary:hover{
    background:var(--primary-hover);
}

.btn-outline{
    border:2px solid var(--primary);
    color:var(--primary);
}

.btn-outline:hover{
    background:var(--primary);
    color:var(--white);
}

/* ===== CARDS ===== */

.card{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    box-shadow:var(--shadow-sm);
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-md);
}

/* ===== BADGES ===== */

.badge{
    display:inline-block;
    background:rgba(29,95,175,0.1);
    color:var(--primary);
    padding:8px 16px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
}