:root{
    /* tags */
    --pad-tag-border-radius-default: 1rem;
    --pad-tag-margin-default: 0.125rem;
    --pad-tag-padding-default: 0.5rem 1rem;
    --pad-tag-font-size-default: 0.875rem;

    --pad-tag-color-default: var(--pad-primary-color);
    --pad-tag-text-color-default: var(--pad-primary-text-color);

    /* labels */
    --pad-label-border-width-default: 1px;
    --pad-label-border-color-default: var(--pad-secondary-color);

    --pad-label-color-default: var(--pad-background-color);
    --pad-label-text-color-default: #000000;
    --pad-label-border-style-default: solid;
}

.pad-tags {
    display: flex;
    flex-wrap: wrap;
}

.pad-tags > .pad-tag {
    display: inline-flex;
    align-items: center;
    padding: var(--pad-tag-padding, var(--pad-tag-padding-default));
    margin: var(--pad-tag-margin, var(--pad-tag-margin-default));
    border-radius: var(--pad-tag-border-radius, var(--pad-tag-border-radius-default));
    font-size: var(--pad-tag-font-size, var(--pad-tag-font-size-default));
    color: var( --pad-tag-text-color, var(--pad-tag-text-color-default));
    background-color: var(--pad-tag-color, var(--pad-tag-color-default));
}

.pad-tags > .pad-tag.pad-label {
    border-width: var(--pad-label-border-width, var(--pad-label-border-width-default));
    border-color: var(--pad-label-border-color, var(--pad-label-border-color-default));
    border-style: var(--pad-label-border-style, var(--pad-label-border-style-default));
    color: var(--pad-label-text-color, var(--pad-label-text-color-default));
    background-color: var(--pad-label-color, var(--pad-label-color-default));
}

.pad-tags > .pad-tag svg {
    margin-right: 0.5rem;
}

.pad-tag:is(.pad-full, .pad-started-course, .pad-full-course) {
    --pad-tag-text-color-default: var(--pad-warning-text-color);
    --pad-tag-color-default: var(--pad-warning-color);
}

.pad-tag:is(.pad-start-guaranteed, .pad-money-guaranteed) {
    --pad-tag-text-color-default: var(--pad-success-text-color);
    --pad-tag-color-default: var(--pad-success-color);
}