/* Pages d'erreur (404 / 403 / 500) — fallback global, look neutre et centré. */

.error-page {
	max-width: 36rem;
	margin: clamp(3rem, 12vh, 8rem) auto;
	padding: 0 1.25rem;
	text-align: center;
}

.error-page .error-code {
	margin: 0;
	font-size: clamp(4.5rem, 18vw, 9rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
	color: currentColor;
	opacity: 0.12;
}

.error-page h1 {
	margin: 0.25rem 0 0.75rem;
	font-size: clamp(1.4rem, 4vw, 2rem);
	font-weight: 700;
}

.error-page p {
	margin: 0.5rem 0;
	font-size: 1.05rem;
	line-height: 1.5;
	opacity: 0.8;
}

.error-page .w3-button {
	margin-top: 1.5rem;
}

/* Variante sombre si le thème est actif (data-theme="dark"). */
[data-theme="dark"] .error-page .error-code {
	opacity: 0.18;
}