/*
 * ════════════════════════════════════════════════════════════════
 * OIC badge.css — مكوّن الشارة (مستخرج من variables.css v1.1.1020)
 * ════════════════════════════════════════════════════════════════
 */

.badge{ display:inline-flex; align-items:center; gap:var(--space-1); padding:var(--badge-padding-y) var(--badge-padding-x); border-radius:var(--badge-radius); background:var(--gray-100); color:var(--gray-800); font-size:var(--font-xs); font-weight:var(--weight-bold); line-height:1.2; border:var(--border-1) solid var(--gray-200);} 

.badge--primary{ background:color-mix(in srgb,var(--primary-100) 75%, white); color:var(--primary-700); border-color:var(--primary-200);} 
.badge--soft{background:var(--color-bg-soft);} 
.badge--outline{background:transparent; border-color:var(--color-border-strong);}