/* The initials avatar on web pages (the account menu in the site header, on
   /verify among others). Frappe gives each account one of nine color pairs,
   and most of them draw the initials under the 4.5:1 small text needs: pink
   at 3.44:1, yellow at 1.73:1 in light. Every pair is set here, light and
   dark, at 5.8:1 or better, keeping each pair's hue. Colors only: nothing
   here moves or resizes anything. */
:root,
html[data-theme="light"] {
	--avatar-frame-bg: #f3f3f3;
	--avatar-frame-color: #525252;
	--avatar-frame-border: #f3f3f3;
	--orange-avatar-bg: #ffefe4;
	--orange-avatar-color: #9e3513;
	--pink-avatar-bg: #fff7fc;
	--pink-avatar-color: #9c2671;
	--blue-avatar-bg: #f1f8fe;
	--blue-avatar-color: #005cad;
	--green-avatar-bg: #bdefcc;
	--green-avatar-color: #075e35;
	--dark-green-avatar-bg: #bdefcc;
	--dark-green-avatar-color: #075e35;
	--red-avatar-bg: #fff5f5;
	--red-avatar-color: #b41d1d;
	--yellow-avatar-bg: #fcfbe8;
	--yellow-avatar-color: #8c5600;
	--purple-avatar-bg: #f8f3fb;
	--purple-avatar-color: #6e399d;
	--gray-avatar-bg: #f8f8f8;
	--gray-avatar-color: #525252;
}
html[data-theme="dark"] {
	--avatar-frame-bg: #242424;
	--avatar-frame-color: #d9d9d9;
	--avatar-frame-border: #383838;
	--orange-avatar-bg: #532707;
	--orange-avatar-color: #ffcdad;
	--pink-avatar-bg: #5b183f;
	--pink-avatar-color: #ffbbe4;
	--blue-avatar-bg: #063465;
	--blue-avatar-color: #c9e0f5;
	--green-avatar-bg: #0a4229;
	--green-avatar-color: #c8f3de;
	--dark-green-avatar-bg: #0a4229;
	--dark-green-avatar-color: #c8f3de;
	--red-avatar-bg: #742a2a;
	--red-avatar-color: #ffdede;
	--yellow-avatar-bg: #5b4605;
	--yellow-avatar-color: #ffeeb8;
	--purple-avatar-bg: #391457;
	--purple-avatar-color: #e5c6fb;
	--gray-avatar-bg: #292929;
	--gray-avatar-color: #f8f8f8;
}