/* Page d'attente Neurox - passe 1.1b. Aucune dependance externe. */

:root {
	--fond: #fbfbfa;
	--encre: #1b1b1a;
	--attenue: #63635e;
	--filet: #e0e0db;
}

@media (prefers-color-scheme: dark) {
	:root {
		--fond: #16161a;
		--encre: #f2f2ef;
		--attenue: #9a9a94;
		--filet: #33333a;
	}
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1.5rem;
	background: var(--fond);
	color: var(--encre);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.6;
}

.attente {
	max-width: 34rem;
	text-align: center;
}

.attente__marque {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--attenue);
}

.attente__titre {
	margin: 1.25rem 0 0;
	font-size: clamp(1.75rem, 5vw, 2.5rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.attente__date {
	margin: 1.75rem auto 0;
	padding-top: 1.75rem;
	border-top: 1px solid var(--filet);
	max-width: 22rem;
	color: var(--attenue);
}

.attente__suite {
	margin: 0.75rem 0 0;
	color: var(--attenue);
}

.attente__lien {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.attente__lien:hover,
.attente__lien:focus-visible {
	color: var(--encre);
}

.attente__lien:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}