/* Page d'accueil de docs.<domaine> : mise en page seulement ; couleurs,
   police et rayons viennent de la charte générée (charte/charte.css). */
body {
	margin: 0;
	background: var(--vp-c-bg-soft);
	color: var(--vp-c-text-1);
	font-family: var(--vp-font-family-base);
}
.c4a-lisere { position: fixed; inset: 0 0 auto 0; height: 4px; background: var(--c4a-accent); }
main { max-width: 760px; margin: 0 auto; padding: 72px 16px 48px; }
h1 { font-size: 32px; font-weight: 600; margin: 0 0 8px; }
.chapeau { color: var(--vp-c-text-2); margin: 0 0 32px; font-size: 17px; }
nav { display: grid; gap: 12px; }
nav a {
	display: grid;
	gap: 4px;
	padding: 18px 20px;
	background: var(--vp-c-bg);
	border: 1px solid var(--vp-c-divider);
	border-radius: var(--c4a-rayon-lg);
	color: inherit;
	text-decoration: none;
}
nav a:hover, nav a:focus-visible { border-color: var(--c4a-accent); outline: none; }
nav strong { font-size: 18px; font-weight: 600; color: var(--c4a-accent); }
nav span { color: var(--vp-c-text-2); }
@media (prefers-color-scheme: dark) {
	body { background: var(--c4a-sombre-surface-app); color: var(--c4a-sombre-ink); }
	nav a { background: var(--c4a-sombre-surface-panel); border-color: var(--c4a-sombre-border-subtle); }
	nav span, .chapeau { color: var(--c4a-sombre-ink-muted); }
	nav strong { color: var(--c4a-accent-clair); }
}