/**
 * Design tokens — libro de marca Ardëa v1.2.
 * Fuente única de verdad para color/tipografía/spacing. No cambiar valores
 * sin actualizar el libro de marca primero.
 */
:root {
	/* Color */
	--c-ink: #121212;
	--c-bg: #ffffff;
	--c-pink: #F2DFDF;
	--c-pink-border: #DCCBCB;
	--c-pink-muted: #F7F0F0;
	--c-muted: #B39A9A;
	--c-text: #121212;
	--c-text-secondary: #5c5c5c;
	--c-label: #8a8a8a;
	--c-label-warm: #7d6a6a;
	--c-hairline: #EFEBE3;

	/* Tipografía */
	--f-display: 'Eczar', ui-serif, Georgia, serif;
	--f-script: 'Pinyon Script', cursive;
	--f-ui: 'Josefin Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;

	/* Radio de borde: decisión de marca, siempre 0 */
	--radius: 0;

	/* Layout */
	--max-width: 1280px;
	--gutter: 24px;

	/* Spacing */
	--gap-xs: 8px;
	--gap-sm: 16px;
	--gap-md: 20px;
	--gap-lg: 32px;
	--gap-xl: 48px;
	--gap-2xl: 64px;

	/* Breakpoints (referencia para comentarios; usadas literal en media queries) */
	--bp-sm: 480px;
	--bp-md: 768px;
	--bp-lg: 1024px;
	--bp-xl: 1280px;
}