/* public/css/style.css */

:root {
	--primary:          #285185;
    --secondary:        #d67940;
    --tertiary:         #6f4849;

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

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

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

	--background:       #ccd9e2;

    --text:             var(--tertiary-dark);
    --text-muted:       color-mix(in srgb, var(--tertiary), white 45%);

	--success:			#16A34A;
	--danger:			#DC2626;
	--warning:			#F59E0B;
	--info:				#2563EB;
	--bg-success:		color-mix(in srgb, var(--success), white 60%);
	--bg-danger:		color-mix(in srgb, var(--danger), white 60%);
	--bg-warning:		color-mix(in srgb, var(--warning), white 60%);
	--bg-info:			color-mix(in srgb, var(--info), white 60%);

	--border:			var(--tertiary);
    --border1:			1px solid var(--border);
    --border2:			2px solid var(--border);
    --border3:			3px solid var(--border);
	
    --card-bg:          var(--secondary);

    --shadow:           5px 5px 5px  rgba(34, 34, 34, 0.3);
    --shadow-hover:     5px 5px 5px  rgba(34, 34, 34, 0.5);

    --font-title:       "Merriweather", Georgia, serif;
    --font-text:        system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- TON MINI RESET COMPACT --- */
* { margin: 0; padding: 0; }
html { box-sizing: border-box; font-size: 62.5%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-family: var(--font-title); color: var(--text); }
ul { list-style: none; }
*, *::before, *::after { box-sizing: inherit; }
img, video { max-width: 100%; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
a {color: inherit; text-decoration: none;}

/* --- GLOBAL STYLES --- */
body {
    font-family: var(--font-text);
    background-color: var(--background);
    color: var(--text);
    font-size: 2rem; /* 20px par défaut */
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
hr{
	margin: 20px 0;
}
.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; }

/*			Small		*/
@media screen and (min-width:576px) {
	
}

/*			Medium		*/
@media screen and (min-width:768px) {
	
}

/*			Large		*/
@media screen and (min-width:992px) {
	
}

/*			Extra large		*/
@media screen and (min-width:1200px) {
	
}

/*			Extra extra large		*/
@media screen and (min-width:1400px) {
	
}