/* ==============================================
   BADGES - Neo-Brutalism Style
   ============================================== */
.badge {
    display: inline-block;
    padding: 0.25rem 0.6rem;
    border-radius: 0;
    border: 2px solid var(--border-color);
    box-shadow: 2px 2px 0 var(--brutal-shadow);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
}

/* Farbvarianten - erben Neo-Brutal Basis-Styling */
.badge-primary {
    background: var(--primary-color);
    color: var(--text-light);
}

.badge-accent {
    background: var(--accent-color);
    color: var(--text-light);
}

.badge-category {
    background: var(--bg-surface-2);
    color: var(--text-muted);
}

.badge-status {
    font-weight: 700;
    color: var(--text-light);
}

.badge-type {
    font-weight: 500;
}

.badge-offer {
    background: var(--accent-tipps-bg);
    color: var(--accent-tipps-text);
}

.badge-neutral {
    background: var(--bg-surface-2);
    color: var(--text-main);
    border: 2px solid var(--border-color);
}



.badge-search {
    background: var(--status-error-bg);
    color: var(--status-error-text);
}

.badge-purple {
    background: var(--accent-experten-bg);
    color: var(--accent-experten-solid);
}

.badge-green {
    background: var(--accent-tipps-bg);
    color: var(--accent-tipps-text);
}

.badge-blue {
    background: var(--status-info-bg);
    color: var(--status-info-text);
}

.badge-yellow {
    background: var(--accent-marktplatz-bg);
    color: var(--badge-yellow-text);
}

.badge-orange {
    background: var(--badge-orange-bg);
    color: var(--badge-orange-text);
}

.badge-pink {
    background: var(--accent-termine-bg);
    color: var(--accent-termine-text-soft);
}

.badge-teal {
    background: var(--accent-kieztalk-bg);
    color: var(--badge-teal-text);
}



/* Type-Specific Badges matching Page Colors */
.badge-place {
    background: var(--type-place-bg);
    color: var(--type-place-color);
}

.badge-event {
    background: var(--type-event-bg);
    color: var(--type-event-color);
}

.badge-project {
    background: var(--type-project-bg);
    color: var(--type-project-color);
}

.badge-expert {
    background: var(--type-expert-bg);
    color: var(--type-expert-color);
}

.badge-discussion {
    background: var(--type-discussion-bg);
    color: var(--type-discussion-color);
}

.badge-guide {
    background: var(--type-guide-bg);
    color: var(--type-guide-color);
}