.rs-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 30px;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rs-badge-soft {
    color: var(--rs-accent-strong);
    background: var(--rs-accent-soft);
}


.rs-badge-success,
.badge.text-bg-success {
    color: #052e16;
    background: color-mix(in srgb, var(--rs-success) 22%, #ffffff);
}

.rs-badge-secondary,
.badge.text-bg-secondary {
    color: var(--rs-text-soft);
    background: var(--rs-panel-soft);
    border: 1px solid var(--rs-border);
}

.rs-badge-danger,
.badge.text-bg-danger {
    color: #ffffff;
    background: var(--rs-danger);
}

.rs-badge-warning,
.badge.text-bg-warning {
    color: #422006;
    background: color-mix(in srgb, var(--rs-warning) 28%, #ffffff);
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

html[data-rs-theme="gelap"] .rs-badge-success,
html[data-rs-theme="gelap"] .badge.text-bg-success {
    color: #dcfce7;
    background: color-mix(in srgb, var(--rs-success) 22%, transparent);
}

html[data-rs-theme="gelap"] .rs-badge-warning,
html[data-rs-theme="gelap"] .badge.text-bg-warning {
    color: #fef3c7;
    background: color-mix(in srgb, var(--rs-warning) 22%, transparent);
}