/* Messages de retour : succès, erreur, information. */

.ccc-notice {
	--_accent: var(--ccc-color-text-muted);

	display: flex;
	gap: var(--ccc-space-3);
	padding: var(--ccc-space-4) var(--ccc-space-5);
	border: 1px solid color-mix(in srgb, var(--_accent) 40%, transparent);
	border-left-width: 3px;
	border-left-color: var(--_accent);
	border-radius: var(--ccc-radius-md);
	background: color-mix(in srgb, var(--_accent) 8%, transparent);
	font-size: var(--ccc-text-sm);
}

.ccc-notice--success { --_accent: var(--ccc-color-success); }
.ccc-notice--error   { --_accent: var(--ccc-color-danger); }
.ccc-notice--info    { --_accent: var(--ccc-color-accent); }

.ccc-notice__title {
	font-family: var(--ccc-font-display);
	font-weight: 700;
	color: var(--_accent);
}

.ccc-notice ul {
	margin: 0;
	padding-left: var(--ccc-space-5);
}