/* ==================== ÉLÉMENTS DE BASE ==================== */

body {
	width: auto;
	max-width: 1920px;
	font-family: 'Comic Neue', 'Comfortaa', cursive;
	font-size: 0.75em;
	margin: 0 auto;
	padding: 0 1%;
	min-height: 100vh;
	background: linear-gradient(var(--color-bg-gradient-start), var(--color-bg-gradient-end));
	border-left: 4px solid var(--color-accent);
	border-right: 4px solid var(--color-accent);
	color: var(--color-text);
	transition: background var(--transition-speed), color var(--transition-speed), border-color var(--transition-speed);
}

h1, h3, p {
	font-size: 1.6em;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: var(--color-primary);
	transition: color var(--transition-speed);
}

a:hover {
	color: var(--color-accent);
	text-decoration: underline;
	text-decoration-color: var(--color-orange);
}

img {
	object-fit: contain;
}

/* ==================== STRUCTURE & LAYOUT ==================== */

.container {
	width: 90%;
	margin: -4px auto -20px;
	padding: 0 2%;
	background: linear-gradient(var(--container-gradient-start), var(--container-gradient-end));
	border-left: 4px solid var(--container-border);
	border-right: 4px solid var(--container-border);
	transition: background var(--transition-speed), border-color var(--transition-speed);
}

.page-borders {
	margin: auto 2%;
	padding: 16px 1em 120px;
	background: linear-gradient(var(--color-bg-light), var(--page-borders-gradient-end));
	border-left: 4px solid var(--page-borders-border);
	border-right: 4px solid var(--page-borders-border);
	min-height: 100vh;
	box-sizing: border-box;
	transition: background var(--transition-speed), border-color var(--transition-speed);
}

/* Style commun pour tous les conteneurs de contenu */
.header, .galerie-controls, .galerie, .featured-painting, .paletteContainer {
	margin: var(--spacing-small) 1% var(--spacing-medium);
	padding: 1em;
	background: var(--color-bg-light);
	border: 1px solid var(--section-border-top);
	border-width: 1px var(--border-width-thick) 2px;
	border-color: var(--section-border-top) var(--section-border-side) var(--section-border-bottom);
	border-radius: var(--border-radius);
	width: auto;
	transition: background var(--transition-speed), border-color var(--transition-speed);
}