/**
 * Design tokens — única fuente de verdad del sistema visual.
 * Cambiar el theme visualmente empieza (y casi siempre termina) aquí.
 */
:root {
	/* Color */
	--color-bg: #F7F5F0;
	--color-bg-alt: #EFEBE2;
	--color-surface: #FFFFFF;
	--color-primary: #465447;
	--color-primary-dark: #313d32;
	--color-accent: #B77B5A;
	--color-accent-dark: #9c6547;
	--color-text: #202522;
	--color-text-muted: #5b615c;
	--color-border: #E3DFD5;
	--color-on-primary: #F7F5F0;
	--color-on-accent: #FFFFFF;

	/* Tipografía */
	--font-display: Georgia, 'Iowan Old Style', 'Palatino Linotype', Palatino, serif;
	--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--font-size-base: 1rem;
	--line-height-body: 1.65;
	--line-height-heading: 1.15;

	/* Escala tipográfica fluida */
	--fs-sm: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
	--fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.1rem);
	--fs-md: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
	--fs-lg: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
	--fs-xl: clamp(2rem, 1.6rem + 1.6vw, 3rem);
	--fs-2xl: clamp(2.6rem, 2rem + 2.4vw, 4.2rem);

	/* Espaciado (escala modular) */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-8: 3rem;
	--space-10: 4rem;
	--space-12: 5rem;
	--space-16: 7rem;

	/* Layout */
	--max-width-content: 1280px;
	--max-width-prose: 720px;
	--gutter: clamp(1.25rem, 1rem + 2vw, 3rem);

	/* Bordes y sombras — sutiles, nunca protagonistas */
	--radius-sm: 4px;
	--radius-md: 10px;
	--radius-lg: 20px;
	--shadow-sm: 0 1px 2px rgba(32, 37, 34, 0.06);
	--shadow-md: 0 8px 24px rgba(32, 37, 34, 0.08);
	--shadow-lg: 0 20px 48px rgba(32, 37, 34, 0.12);

	/* Transiciones */
	--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
	--duration-fast: 150ms;
	--duration-base: 250ms;
}