/* ==========================================================================
   COMPONENT: BADGE
   Durum göstergeleri, etiketler ve ürün rozetleri.
   ========================================================================== */

.badge {
    display: inline-block;
    padding: 0.25em 0.75em;
    font-size: var(--text-xs);
    font-weight: var(--fw-semibold);
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: var(--radius-sm);
    line-height: 1.5;
    white-space: nowrap;
}

/* Default (brand subtle) */
.badge--default,
.badge:not([class*="badge--"]) {
    background: var(--color-brand-subtle);
    color: var(--color-brand-text);
}

/* Success */
.badge--success {
    background: var(--color-success-subtle);
    color: var(--color-success-text);
}

/* Warning */
.badge--warning {
    background: var(--color-warning-subtle);
    color: var(--color-warning-text);
}

/* Danger / Error */
.badge--danger {
    background: var(--color-danger-subtle);
    color: var(--color-danger-text);
}

/* Info */
.badge--info {
    background: var(--color-info-subtle);
    color: var(--color-info-text);
}

/* Neutral */
.badge--neutral {
    background: var(--color-surface-2);
    color: var(--color-muted);
}

/* Solid variants */
.badge--solid {
    background: var(--color-brand-bg);
    color: var(--color-text-on-brand);
}

.badge--solid-success {
    background: var(--color-success-bg);
    color: var(--color-text-on-func);
}

.badge--solid-danger {
    background: var(--color-danger-bg);
    color: var(--color-text-on-func);
}