/**
 * Charte graphique partagée (front-office + back-office), inspirée du logo
 * Petit Bonheur : douceur, bienveillance, tons pastels, bords arrondis.
 */

:root {
	--pbr-mint: #8fc9b8;
	--pbr-mint-light: #e6f4ef;
	--pbr-mint-dark: #5fa48d;
	--pbr-pink: #f2a99a;
	--pbr-pink-light: #fce8e2;
	--pbr-pink-dark: #dd7f6d;
	--pbr-brown: #8a7156;
	--pbr-brown-dark: #5c4a38;
	--pbr-cream: #fdfaf5;
	--pbr-white: #ffffff;
	--pbr-ink: #4a3f33;
	--pbr-muted: #97897a;
	--pbr-border: #ece2d6;
	--pbr-danger: #e08a7d;
	--pbr-danger-light: #fbe9e6;
	--pbr-success: #6fb08f;
	--pbr-warning: #b8862e;
	--pbr-warning-light: #fdf2e3;
	--pbr-warning-border: #f0d9ae;

	--pbr-radius-s: 10px;
	--pbr-radius: 18px;
	--pbr-radius-l: 26px;
	--pbr-radius-pill: 999px;

	--pbr-shadow: 0 4px 18px rgba( 138, 113, 86, 0.12 );
	--pbr-shadow-l: 0 8px 30px rgba( 138, 113, 86, 0.18 );

	--pbr-font: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.pbr-theme-scope {
	font-family: var( --pbr-font );
	color: var( --pbr-ink );
}