/* Novastra - badges */

.badge {
    display: inline-flex;
    align-items: center;
    gap: var(--s-1);
    font-family: var(--f-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: var(--radius-sm);
}

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

.badge--amber {
    background: color-mix(in srgb, var(--c-amber) 15%, transparent);
    color: var(--c-amber);
}

.badge--success {
    background: color-mix(in srgb, var(--c-success) 15%, transparent);
    color: var(--c-success);
}

.badge--danger {
    background: color-mix(in srgb, var(--c-danger) 15%, transparent);
    color: var(--c-danger);
}

.badge--outline {
    border: 1px solid var(--c-line-strong);
    color: var(--c-muted);
    background: transparent;
}