{% comment %}
Component: Status Badge (c-badge)
Renders a semantic status badge with tone, style, icon, and text.
12 distinct status combinations from Briefing 04 §2.2.
{% endcomment %}
<span class="c-badge c-badge--{{ badge_tone|default:'neutral' }}-{{ badge_style|default:'soft' }}{% if size == 'sm' %} text-xs h-5 px-1.5{% endif %}"
      {% if title %}title="{{ title }}"{% endif %}>
    {% if show_icon|default:True and badge_icon %}
    <span class="inline-flex items-center flex-shrink-0" aria-hidden="true">
        {% include "components/_icon_render.html" with name=badge_icon %}
    </span>
    {% endif %}
    <span>{{ badge_label|default:status }}</span>
</span>