/*********************************
*											*
*				CLEM.SOCIAL				*
*			====COULEURS====			*
*											*
*********************************/


/*
	Couleurs pour le mode clair
*/

:root {

	--fond-principal:light-dark(
		oklch(1 0 0),
		oklch(0 0 0)
	);

	--fond-entete:light-dark(
		oklch(0.3 0.05 227),
		oklch(0.26 0.05 227)
	);

	--fond-contraste:light-dark(
		oklch(1 0 0 / 75%),
		oklch(1 0 0 / 50%)
	);

	--fond-nuance:light-dark(
		oklch(1 0 0 / 100%),
		oklch(1 0 0 / 85%)
	);

	--texte-principal:light-dark(
		oklch(0 0 0),
		oklch(1 0 0 / 87%)
	);

	--texte-entete:light-dark(
		oklch(1 0 0 / 87%),
		oklch(1 0 0 / 87%)
	);

	--texte-lien:light-dark(
		oklch(1 0 0 / 87%),
		oklch(1 0 0 / 87%)
	);


	--bluesky:light-dark(#1185fe,#002e5e);
	--instagram:light-dark(#c32aa3,#621552);
	--linkedin:light-dark(#007ebb,#005680);
	--mastodon:light-dark(#563acc,#2e1e73);
	--nostr:light-dark(#662482,#361345);
	--pixelfed:light-dark(#6466f1,#07084f);
	--tiktok:light-dark(#000000;#000000);
	--twitch:light-dark(#6441a5,#39255f);
	--twitter:light-dark(#1da1f2,#07517e);
	--x:light-dark(#14171a,#14171a);
	--youtube:light-dark(#ff0000,#4e0000);

}