/* Ruizz: tokens del sistema "El muestrario de la casa" (DESIGN.md). Lino, tinta y un solo acento taupe. */
:root {
	--ruz-lino: #FBFBF9;
	--ruz-blanco: #FFFFFF;
	--ruz-arena: #F4EFE9;
	--ruz-crema: #E6E3DB;
	--ruz-hilo: #E7E1D9;
	--ruz-hilo-fuerte: #D3CAC0;
	--ruz-taupe: #837362;
	--ruz-taupe-tostado: #6B5D4F;
	--ruz-tinta: #1A1A1A;
	--ruz-tinta-suave: #4A4642;
	--ruz-borde-campo: #8C847B;
	--ruz-error: #9B2C2C;

	--ruz-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--ruz-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--ruz-t-display: clamp(2.5rem, 5.2vw, 4.75rem);
	--ruz-t-headline: clamp(1.875rem, 3.4vw, 2.875rem);
	--ruz-t-title: clamp(1.375rem, 2vw, 1.75rem);
	--ruz-t-body: 1.0625rem;
	--ruz-t-small: 0.9375rem;
	--ruz-t-label: 0.8125rem;

	--ruz-max: 1440px;
	--ruz-margen: clamp(20px, 5vw, 80px);
	--ruz-seccion: clamp(64px, 9vw, 128px);
	--ruz-r-sm: 2px;
	--ruz-r-md: 4px;
	--ruz-alto-cabecera: 76px;

	--ruz-sombra: 0 1px 0 var(--ruz-hilo), 0 12px 32px -16px rgba(26, 26, 26, 0.18);
	--ruz-salida: cubic-bezier(0.23, 1, 0.32, 1);
	--ruz-cajon: cubic-bezier(0.32, 0.72, 0, 1);
	--ruz-mover: cubic-bezier(0.77, 0, 0.175, 1);

	interpolate-size: allow-keywords;
}

@media (max-width: 1099px) {
	:root {
		--ruz-alto-cabecera: 64px;
	}
}