/* Badge du design system : état court (stock, commande, info…), en capitales. */

.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 var(--space-2);
    border-radius: var(--radius-xs);
    font: var(--type-overline);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    white-space: nowrap;
}

.badge--stock {
    background: var(--status-stock-bg);
    color: var(--status-stock);
}

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

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

.badge--neutral {
    background: var(--surface-muted);
    color: var(--text-secondary);
}

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