/* Shared badges keep their proportions and solid fills. Navigation ALL badges use
 * a lighter navy so they remain distinct against the dark sidebar and drawer. */
:root {
	--ut-aa-color-all-level: #315f85;
	--ut-aa-badge-size: 40px;
	--ut-aa-badge-font-size: 20px;
	--ut-aa-badge-font-weight: 600;
	--ut-aa-color-all-level-navigation: #326389;
}
/* Navigation keeps its original smaller squares; content cards retain their size. */
.ut-aa-sidebar {
	--ut-aa-badge-size: 38px;
	--ut-aa-badge-font-size: 17px;
	--ut-aa-badge-font-weight: 500;
}
@media (min-width: 781px) {
	.ut-aa-sidebar { --ut-aa-badge-size: 34px; }
}
.ut-aa-badge,
.ut-aa-sidebar [data-ut-aa-badge]::before {
	box-sizing: border-box;
	display: inline-grid;
	place-items: center;
	width: var(--ut-aa-badge-size);
	height: var(--ut-aa-badge-size);
	flex: 0 0 var(--ut-aa-badge-size);
	color: #fff;
	background: var(--ut-aa-badge-color);
	font: var(--ut-aa-badge-font-weight) var(--ut-aa-badge-font-size)/1 "Oswald", sans-serif;
	letter-spacing: 0;
	text-indent: 0;
	text-shadow: none;
}
.ut-aa-sidebar [data-ut-aa-badge]::before {
	content: attr(data-ut-aa-badge);
}
[data-ut-aa-badge-theme="level-1"] { --ut-aa-badge-color: var(--ut-aa-blue); }
[data-ut-aa-badge-theme="level-2"] { --ut-aa-badge-color: var(--ut-aa-green); }
[data-ut-aa-badge-theme="level-3"] { --ut-aa-badge-color: var(--ut-aa-orange); }
[data-ut-aa-badge-theme="level-4"] { --ut-aa-badge-color: var(--ut-aa-red); }
[data-ut-aa-badge-theme="level-5-plus"] { --ut-aa-badge-color: var(--ut-aa-purple); }
[data-ut-aa-badge-theme="teachers"] { --ut-aa-badge-color: var(--ut-aa-pink); }
[data-ut-aa-badge-theme="global-blue"] { --ut-aa-badge-color: var(--ut-aa-color-all-level); }
.ut-aa-sidebar [data-ut-aa-badge-theme="global-blue"] { --ut-aa-badge-color: var(--ut-aa-color-all-level-navigation); }