/* Base Badge Styling */
.premium-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

/* Tier 1: Build Momentum */
.badge-momentum {
    color: var(--brand-1);
    filter: drop-shadow(0 0 4px rgba(var(--brand-1-rgb), 0.4));
}

/* Tier 2: Grow Community */
.badge-community {
    color: var(--brand-3);
    /* Note: If you don't have a rgb variable for brand-3, you can use hex with opacity in modern CSS or add --brand-3-rgb */
    filter: drop-shadow(0 0 6px rgba(124, 92, 255, 0.5));
}

/* Tier 3: Own The City */
.badge-city {
    color: var(--brand-orange);
    filter: drop-shadow(0 0 8px rgba(var(--brand-orange-rgb), 0.6));
}

/* Size modifiers for profiles vs. small listing cards */
.badge-lg { font-size: 1.5rem; }
.badge-sm { font-size: 1rem; }