.badge {
    --badge-color: var(--entity-event);
    --fill: var(--badge-color);

    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    display: inline-grid;
    max-width: fit-content;
    font-size: 0.75em;
    color: var(--text-on-colour);
    text-transform: uppercase;
    background-color: var(--fill);

    &.badge--activity { --badge-color: var(--entity-activity) }
    &.badge--organization { --badge-color: var(--entity-organization) }
    &.badge--document { --badge-color: var(--entity-document) }
    &.badge--domain { --badge-color: var(--entity-domain) }
    &.badge--location { --badge-color: var(--entity-location) }
    &.badge--visibility { --badge-color: var(--entity-visibility) }

    &.badge--published { --badge-color: var(--status-success) }
    &.badge--draft { --badge-color: var(--status-neutral) }
    &.badge--cancelled { --badge-color: var(--status-danger) }
    &.badge--archived { --badge-color: var(--status-archived) }
}