:root {
    --primary:          #6a2c70;
    --secondary:        #32702c;
    --tertiary:         #2cb1a1;
    --background: 		#f4f1ea;
    --card-bg:			#ffffff;

	--success:          #3be910;
    --danger:           #ec2222;
    --warning:          #fae52a;
    --info:             #0ae2f1;

    --primary-light:    color-mix(in srgb, var(--primary), white 92%);
    --primary-dark:     color-mix(in srgb, var(--primary), black 15%);

    --secondary-light:  color-mix(in srgb, var(--secondary), white 92%);
    --secondary-dark:   color-mix(in srgb, var(--secondary), black 15%);

    --tertiary-light:   color-mix(in srgb, var(--tertiary), white 92%);
    --tertiary-dark:    color-mix(in srgb, var(--tertiary), black 15%);

    --text:				color-mix(in srgb, var(--primary), black 60%);
    --text-muted:		color-mix(in srgb, var(--primary), white 55%);

    --border:			color-mix(in srgb, var(--primary), white 80%);

    --shadow:			0 0.5rem 1.5rem rgb(0 0 0 / 6%);
    --shadow-hover:		0 1rem 2.5rem rgb(0 0 0 / 10%);

    --font-title:		"Merriweather", Georgia, serif;
    --font-text:		system-ui, sans-serif;
}

/* RESET */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 62.5%; }
body {
    font-family: var(--font-text);
    font-size: 1.5rem;
    background: var(--background);
    color: var(--text);
}
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
table { width: 100%; border-collapse: collapse; }

/*-----------------------------------------------*\
		Utilitaires
\*-----------------------------------------------*/
.success	{ color: var(--success); font-weight: 800; }
.danger		{ color: var(--danger);  font-weight: 800; }
.warning	{ color: var(--warning); font-weight: 800; }
.info		{ color: var(--info);    font-weight: 800; }
.bold		{ font-weight: bold; }