/*
 * ISIA-88 - muted text is unreadable on the ISI-Admin theme.
 *
 * The ISI-Admin Bootstrap theme sets $color-secondary to #dddddd, a light gray
 * chosen for backgrounds, buttons and borders. Bootstrap 5.3 derives
 * --bs-secondary-rgb from that same value, and defines the .text-secondary
 * utility as color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) - so
 * every piece of muted body text inherits a background color and renders at
 * #dddddd: 1.36:1 on white and 1.27:1 on a card footer, against the 4.5:1
 * WCAG AA minimum. The EGI, ESTU and ISNET themes keep Bootstrap's default
 * #6c757d, which is why the same shared views only look broken here.
 *
 * Point the utility at --bs-secondary-color instead - the token Bootstrap's own
 * .text-body-secondary uses. The theme defines it per color mode, so this stays
 * correct when the admin is switched to dark:
 *
 *   light  rgba(33, 37, 41, 0.75)    6.76:1 on white, 6.51:1 on a card footer
 *   dark   rgba(222, 226, 230, 0.75)
 *
 * $color-secondary itself is deliberately left alone, so bg-secondary,
 * btn-secondary and borders keep the light gray they were picked for. The fix
 * lives here rather than in the theme because envisage/themes does not commit
 * Bootstrap's scss/vendor/ partials, so its compiled theme CSS cannot be
 * rebuilt from a clone.
 *
 * Anything placing muted text on a dark background needs a light utility
 * instead; the page subtitle in the layouts was the only such case.
 */
.text-secondary {
	--bs-text-opacity: 1;
	color: var(--bs-secondary-color) !important;
}
