/**
 * Typography scale — headings, labels, data text
 */

.page-header .h3,
.page-header h1.h3 {
    font-size: var(--k-text-h3);
    font-weight: var(--k-font-weight-semibold);
    line-height: var(--k-leading-tight);
    letter-spacing: var(--k-tracking-normal);
    color: var(--k-color-text-primary);
}

.breadcrumb {
    background: none;
    padding: 0;
    font-size: var(--k-text-small);
}

.breadcrumb-item a {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: var(--brand-secondary);
}

.table {
    font-size: var(--k-text-body-sm);
}

.form-label {
    font-weight: var(--k-form-label-weight);
    font-size: var(--k-text-small);
    color: var(--k-color-text-secondary);
}

.text-muted,
.small.text-muted {
    color: var(--k-color-text-muted) !important;
}