/*
 * Design tokens — all CSS custom properties for the BBW design system.
 * Use these everywhere. Do not introduce other colours or sizes without good reason.
 */

:root {
	/* Colours */
	--ink: #1a1f24;
	--bone: #faf7f2;
	--paper: #ffffff;
	--gold: #c9a961;
	--wine: #6b1f3d;
	--wine-dark: #4a1529;
	--mute: #6b6b6b;
	--rule: #e8e0d2;

	/* Type scale */
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.5rem;
	--text-2xl: 2rem;
	--text-3xl: 2.75rem;
	--text-4xl: 4rem;

	/* Spacing scale */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2rem;
	--space-6: 3rem;
	--space-7: 4rem;
	--space-8: 6rem;
	--space-9: 8rem;

	/* Layout */
	--container-max: 1200px;
	--prose-max: 720px;
	--header-height: 72px;
}