/* #cc0000 - https://color.adobe.com/de/create/color-wheel */

 /* Joomla 5.0.1, Bootstrap v5.3.2, Joomlaplates Fago 1.3.15 */

:root {
	--red-dark: #990000; /* #992A0f */
	--green-dark: #008024; /* #179925 */
	--blue-dark: #065180; /* #065180 = RGB(6,81,128) */
	--blue-light: rgb(196,225,242); /* rgba(20,133,204,0.25) = rgb(196,225,242) */ /* #1485CC = rgb(20,133,204) */
	--blue-light-text: RGB(2,20,32); /* #065180 = RGB(6,81,128) */
	--heading: #e6522c;
	--heading-border: #dddddd;
	--purple-php: #777BB3;
	--bs-blue-100: #d2e2fe;
	--bs-blue-200: #a4c5fd;
	--bs-blue-300: #78a8fd;
	--bs-blue-400: #508bfc;
	--bs-blue-500: #326ffc;
	--bs-blue-600: #2759c9;
	--bs-blue-700: #1c4297;
	--bs-blue-800: #112c64;
	--bs-blue-900: #071633;
}

.badge.custom-badge-cms {
	background-color: var(--bs-gray-dark);
	color: white;
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.25em;
}
.badge.custom-badge-theme {
	background-color: var(--green-dark);
	color: white;
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.25em;
}
.badge.custom-badge-plugin {
	background-color: var(--red-dark);
	color: white;
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.25em;
}
.badge.custom-badge-tool {
	background-color: var(--blue-dark);
	color: white;
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.25em;
}
.badge.custom-badge-info {
	background-color: var(--blue-light);
	color: var(--blue-light-text);
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.25em;
	text-align: left;
	white-space: break-spaces;
}
.badge.custom-badge-php {
	background-color: var(--purple-php);
	color: white;
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.25em;
}
.badge.custom-badge-language {
	background-color: var(--heading-border);
	color: var(--bs-body-color);
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.25em;
}
.badge.custom-badge-tipp {
	background-color: #dc3545 /* var(--heading-border) */;
	color: white;
	font-size: 1rem;
	font-weight: normal;
	border-radius: 0;
	padding: 0.15em 0.25em;
}
.badge.custom-badge-default .badge { /* default */
	font-size: 0.75rem;
	font-weight: normal;
	background-color:var(--bs-blue-700);
	color:var(--bs-blue-200);
	border-radius:0;
	padding:3px;
	margin-right:3px;
} 
.badge.custom-badge-default { /* default value */
	font-size: 0.75rem;
	font-weight: normal;
	background-color:var(--bs-blue-200);
	color:var(--bs-blue-900);
	border-radius:0;
	padding:0px 3px 0px 0px;
}