:root {

	--color-background-opacity-dark: rgba(0, 0, 0, .8);

	/* Couleurs d'état */
	--color-success:  #00C679;
	--color-error: #C60000;
	--color-warning: #FFC107;

	--color-save:#00C679;
	--color-reset:#C60000;

	--color-link: #0066CC;
	--color-selection: #0066CC;
	--transition: all ease .3s;
	
	--infos-alert-color: #6ea8fe;
	--infos-alert-bg: #031633;
	--infos-alert-border: #6ea8fe;

	--success-alert-color: #75b798;
	--success-alert-bg: #051b11;
	--success-alert-border: #0f5132;

	--warning-alert-color: #ffda6a;
	--warning-alert-bg: #332701;
	--warning-alert-border: #997404;

	--error-alert-color: #ea868f;
	--error-alert-bg: #2c0b0e;
	--error-alert-border: #842029;

	--pallet-1:#c60000;
	--pallet-2:#FF5733;
	--pallet-3:#ffc107;
	--pallet-4:#ff58ee;
	--pallet-5:#0066CC;
	--pallet-6:#48C9B0;
	--pallet-7:#00C679;
	--pallet-8:#330066;
	--pallet-9:#36454f;
	--pallet-10:#808080;

}

@media (prefers-color-scheme: light) {

	:root {
		/* Couleurs principales */
		--color-primary: #6528F7;
		--color-secondary: #A076F9;

		--color-tertiary: #D7BBF5;
		--color-quaternary: #EDE4FF;

		/* Couleurs de l'interface */
		/* --color-background: #F9F9F9; */
		--color-background: #676767;
		--color-background-opacity: rgba(255, 255, 255, 0.6);
		--color-text: #333333;

		/* Autres couleurs */
		--color-hover: rgba(255, 255, 255, 0.6);

		--border: 1px solid rgba(255, 255, 255, 0.8);

	}

}

@media (prefers-color-scheme: dark) {

	:root {
		/* Couleurs principales */
		--color-primary: #6528F7;
		--color-secondary: #A076F9;

		--color-tertiary: #D7BBF5;
		--color-quaternary: #EDE4FF;

		/* Couleurs de l'interface */
		--color-background: #333333;
		/* --color-background: #193051; */
		
		--color-background-opacity: rgba(0, 0, 0, 0.4);
		--color-text: #F9F9F9;

		/* Autres couleurs */
		--color-hover: rgba(0, 0, 0, 0.4);

		--border: 1px solid rgba(0, 0, 0, 0.2);
	}

}