.badge{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);background:var(--tag-active-bg,oklch(from var(--color-primary) l c h / .18));color:var(--tag-active-text,var(--color-primary));border:1px solid oklch(from var(--color-primary) l c h / .2);align-items:center;line-height:1;display:inline-flex}.badge--rounded{border-radius:var(--radius-full)}.badge--huile,.badge--vitamine,.badge--complement,.badge--default{--_badge-bg:oklch(from var(--color-primary) l c h / .12);--_badge-color:var(--color-primary);background:var(--_badge-bg);color:var(--_badge-color);border-color:oklch(from var(--color-primary) l c h / .25)}.badge--skincare{background:var(--tag-default-bg);color:var(--tag-default-text);border-color:oklch(from var(--tag-default-text) l c h / .25)}.badge--primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-primary-text,white);box-shadow:0 1px 4px oklch(from var(--color-primary) l c h / .3);border-color:#0000}.badge--chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-card);color:var(--card-accent,var(--color-primary));border:var(--border-width) solid oklch(from var(--card-accent,var(--color-primary)) l c h / .25);letter-spacing:.4px;text-transform:capitalize;line-height:1}.badge--avoided{background:oklch(from var(--status-color-avoided) l c h / .15);color:var(--status-color-avoided);border-color:oklch(from var(--status-color-avoided) l c h / .3)}