.brand-title {
    color: #b02a37;
}

.bi-text-icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    font-family: var(--bs-body-font-family), sans-serif;
}

.bi-text-icon::before {
    content: attr(data-label);
    letter-spacing: .02em;
    font-family: sans-serif;
}

.btn .bi-text-icon {
    position: relative;
}

/* Override table-secondary variables for dark mode using Bootstrap's semantic colors */
[data-bs-theme="dark"] .table-secondary {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: var(--bs-secondary-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-striped-bg: var(--bs-tertiary-bg);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-active-bg: var(--bs-emphasis-color-rgb);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-hover-bg: var(--bs-tertiary-bg);
    --bs-table-hover-color: var(--bs-body-color);
}