:root {
	/* Colors — near-black / near-white architecture palette */
	--color-bg: #ffffff;
	--color-text: #121212;
	--color-text-muted: #6a6a6a;
	--color-accent: #2a2a2a;
	--color-border: #d4d4d0;

	/* Typography */
	--font-display: "Cormorant Garamond", "Times New Roman", Times, serif;
	--font-body: "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
	--font-display-size: clamp(2.5rem, 10vw, 8rem);

	/* Spacing scale */
	--space-s: 0.75rem;
	--space-m: 1.5rem;
	--space-l: 2rem;
	--spacing-section: clamp(4rem, 10vw, 8rem);
	--spacing-gap: 2rem;

	/* Motion */
	--transition-base: 0.3s ease;
	--transition-slow: 0.6s ease;
	--scrollbar-compensation: 0px;

	/*
	 * Breakpoints (reference only — use in @media, not as custom properties):
	 *   768px  — tablet / small desktop
	 *   1024px — desktop
	 */
}