/* ExSPArience Private Spa — global tokens + section base layout.
 * Component-specific styles live with each ACF block under /blocks/<name>/style.css.
 */

:root {
	/* Color tokens — placeholders until charte graphique lands. */
	--exspa-ink: #0a0a0a;
	--exspa-paper: #f6f3ee;
	--exspa-muted: #6b6b6b;
	--exspa-line: rgba(10, 10, 10, 0.08);
	--exspa-accent: #1c2454;

	/* Typography — placeholders. */
	--exspa-serif: "Cormorant Garamond", "Times New Roman", serif;
	--exspa-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	--exspa-mono: "JetBrains Mono", ui-monospace, monospace;

	/* Rhythm. */
	--exspa-section-y: clamp(4rem, 8vw, 8rem);
	--exspa-container: 1280px;
	--exspa-gutter: clamp(1rem, 4vw, 2.5rem);
}

body {
	background: var(--exspa-paper);
	color: var(--exspa-ink);
	font-family: var(--exspa-sans);
	-webkit-font-smoothing: antialiased;
}

.exspa-section {
	padding-block: var(--exspa-section-y);
	padding-inline: var(--exspa-gutter);
}

.exspa-section > * {
	max-width: var(--exspa-container);
	margin-inline: auto;
}